<div class="table-responsive">
?? <table class="table table-bordered">
?? <tbody>
???? <tr>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
?????? <td>表格單元格</td>
???? </tr>
?? </tbody>
?</table>
</div>

解決的方法就是把內(nèi)容增多，或者調(diào)整瀏覽器的窗口查看效果
bootstrap表格響應(yīng)式布局的話，當(dāng)你的瀏覽器的可視區(qū)域小于768px時(shí)，表格底部會(huì)出現(xiàn)水平滾動(dòng)條，當(dāng)你的瀏覽器的可視區(qū)域大于768p時(shí)，表格頂部水平滾動(dòng)條就會(huì)消失

<div?class="table-responsive"></div>

1.table-responsive放在table的上一級(jí)

2.td里的內(nèi)容增多

? 才會(huì)出現(xiàn)滾動(dòng)條！

.table-responsive {
?width: 100%;
?margin-bottom: 15px;
?overflow-y: hidden;
?-ms-overflow-style: -ms-autohiding-scrollbar;
?border: 1px solid #ddd;
}

源碼默認(rèn)縱軸隱藏，

要加在div上啊 然后用div包裹table

源碼

.table-responsive?{
??min-height:?.01%;
??overflow-x:?auto;
}

overflow-x與overflow-y裁剪div元素中的溢出內(nèi)容，實(shí)現(xiàn)滾動(dòng)條

.table包裹在.table-responsive中即可創(chuàng)建響應(yīng)式表格，其會(huì)在小屏幕設(shè)備上（小于768px）水平滾動(dòng)。當(dāng)屏幕大于768px寬度時(shí)，水平滾動(dòng)條消失。