Css 引导响应表视图缺少表边框

Css 引导响应表视图缺少表边框,css,twitter-bootstrap,firefox,html-table,Css,Twitter Bootstrap,Firefox,Html Table,我在Firefox浏览器的数据表视图中遇到了一个奇怪的问题 <div class="table-responsive"> <table class="table table-striped table-bordered" id="viewData"> <thead> <tr> <th class="text-left tbl-head" align="left"&

我在Firefox浏览器的数据表视图中遇到了一个奇怪的问题

<div class="table-responsive">
    <table class="table table-striped table-bordered" id="viewData">
        <thead>
            <tr>
                <th class="text-left tbl-head" align="left"></th>
                <th class="text-left tbl-head" align="left">people Name</th>
                <th class="text-left tbl-head" align="left">Email</th>
                <th class="text-left tbl-head" align="left">City</th>
                <th class="text-left tbl-head" align="left">Country</th>
                <th class="text-left tbl-head" align="left"> Time</th>
                <th class="text-left tbl-head" align="left">Subject</th>
                <th class="text-left tbl-head" align="left">Message</th>
                <th class="text-left tbl-head" align="left">Status</th>
                <th class="text-left tbl-head" align="left">Reply</th>
            </tr>
        </thead>
        <tbody id="dataView">
            <tr id="631" class="tbl-bg-color">
                <td class="text-left" align="left"><input  type="checkbox"></td>
                <td class="text-left" align="left">shamim</td>
                <td class="text-left" align="left">xyz@gmail.com</td>
                <td class="text-left" align="left">washington</td>
                <td class="text-left" align="left">usa</td>
                <td class="text-left" align="left">18-Mar-15</td>
                <td class="text-left" align="left">hi</td>
                <td class="text-left" align="left">hi</td>
                <td class="text-left" align="left">UnReplied</td>
                <td class="text-left" align="left"><button class="btn-primary btn btn-bg">Reply</button></td>
            </tr>
            <tr id="619" class="tbl-bg-color">
                <td class="text-left" align="left"><input  type="checkbox"></td>
                <td class="text-left" align="left">test</td>
                <td class="text-left" align="left">test@yahoo.co</td>
                <td class="text-left" align="left">washington</td>
                <td class="text-left" align="left">usa</td>
                <td class="text-left" align="left">15-Mar-15</td>
                <td class="text-left" align="left">123123</td>
                <td class="text-left" align="left">123123</td>
                <td class="text-left" align="left">Replied</td>
                <td class="text-left" align="left"><button class="btn-primary btn btn-bg">Reply</button></td>
            </tr>
            <tr id="596"  class="tbl-bg-color">
                <td class="text-left" align="left"><input  type="checkbox"></td>
                <td class="text-left" align="left">monir</td>
                <td class="text-left" align="left">vvv@yahoo.com</td>
                <td class="text-left" align="left">india</td>
                <td class="text-left" align="left">-</td>
                <td class="text-left" align="left">06-Mar-15</td>
                <td class="text-left" align="left">test</td>
                <td class="text-left" align="left">hii...test</td>
                <td class="text-left" align="left">Replied</td>
                <td class="text-left" align="left"><button class="btn-primary btn btn-bg">Reply</button></td>
            </tr>
            <tr id="594" class="tbl-bg-color">
                <td class="text-left" align="left"><input  type="checkbox"></td>
                <td class="text-left" align="left">t mob</td>
                <td class="text-left" align="left">t@y.com</td>
                <td class="text-left" align="left">washington</td>
                <td class="text-left" align="left">-</td>
                <td class="text-left" align="left">06-Mar-15</td>
                <td class="text-left" align="left">hi</td>
                <td class="text-left" align="left">hi bb</td>
                <td class="text-left" align="left">UnReplied</td>
                <td class="text-left" align="left"><button class="btn-primary btn btn-bg">Reply</button></td>
            </tr>
        </tbody>
    </table>
</div>

人名
电子邮件
城市
国
时间
主题
消息
地位
回复
沙米姆
xyz@gmail.com
华盛顿
美国
2015年3月18日
你好
你好
未重复
回复
测验
test@yahoo.co
华盛顿
美国
2015年3月15日
123123
123123
回答
回复
莫尼尔
vvv@yahoo.com
印度
-
2015年3月6日
测验
hii…测试
回答
回复
暴徒
t@y.com
华盛顿
-
2015年3月6日
你好
嗨,bb
未重复
回复
我已经粘贴了我的代码。在这里,当我放大我的Firefox浏览器时,它缺少一些边框线。当我查看80%的分辨率时,我得到的是缺少电子邮件列的右边框


Firefox浏览器的引导有什么问题?在其他浏览器中,我没有遇到问题。

从其他答案中,请确保您的缩放级别为100%,否则firefox在尝试折叠边框时会遇到问题

Ctrl+0将重置缩放

响应型网站更多的是减少浏览器窗口的大小,而不是缩放级别