<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>

解決的方法就是把內容增多，或者調整瀏覽器的窗口查看效果
bootstrap表格響應式布局的話，當你的瀏覽器的可視區域小于768px時，表格底部會出現水平滾動條，當你的瀏覽器的可視區域大于768p時，表格頂部水平滾動條就會消失

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

1.table-responsive放在table的上一級

2.td里的內容增多

? 才會出現滾動條！

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

源碼默認縱軸隱藏，

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

源碼

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

overflow-x與overflow-y裁剪div元素中的溢出內容，實現滾動條

.table包裹在.table-responsive中即可創建響應式表格，其會在小屏幕設備上（小于768px）水平滾動。當屏幕大于768px寬度時，水平滾動條消失。