Bootstrap3 表格-响应式表格
2016-11-25 10:48
351 查看
将任何 .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>
相关文章推荐
- Bootstrap3基础 table-responsive 响应式表格
- Bootstrap响应式表格详解
- Bootstrap3 表格-响应式表格
- Bootstrap 响应式表格
- bootstrap-表格-响应式表格
- 响应式表格(Bootstrap)
- Bootstrap笔记:移动设备为优先,排版,列表,响应式表格等
- Bootstrap响应式前端框架笔记三——代码与表格
- bootstrap17-响应式表格布局
- 响应式前端框架Bootstrap系列(4)表格
- Django 使用 bootstrap-table插件,表格分页 + UTC、时间戳 互转
- Bootstrap之表格checkbox复选框全选
- Metronic – 超赞!基于 Bootstrap 的响应式后台管理模板
- 分享29个基于Bootstrap的HTML5响应式网页设计模板
- Bootstrap响应式前端框架笔记十五——面板与井
- 响应式的前端框架bootstrap
- bootstrap入门【表格】
- JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
- bootstrap--表格制作
- 使用bootstrap3做的响应式网站