将任何 .table 元素包裹在 .table-responsive 元素内，即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于 768px 宽度时，水平滚动条消失。

Firefox 和 fieldset 元素

Firefox 浏览器对 fieldset 元素设置了一些影响 width 属性的样式，导致响应式表格出现问题。除非使用我们下面提供的针对 Firefox 的 hack 代码，否则无解：

@-moz-document url-prefix() {

  fieldset { display: table-cell; }

}

<div class="table-responsive">

  <table class="table">

    ...

  </table>

</div>

---

—–下面有个“顶”字，你懂得O(∩_∩)O哈哈~

—–乐于分享，共同进步！

—–更多文章请看：http://blog.csdn.net/duruiqi_fx

---