Bootstrap表格使用方法详解
下表列出了 Bootstrap 支持的一些表格元素：
表格类：
.table：为任意 <table> 添加基本样式 (只有横向分隔线)
.table-striped：在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)
.table-bordered：为所有表格的单元格添加边框
.table-hover：在 <tbody> 内的任一行启用鼠标悬停状态
.table-condensed：让表格更加紧凑
<tr>, <th> 和 <td> 类：
.active：将悬停的颜色应用在行或者单元格上
.success：表示成功的操作
.info：表示信息变化的操作
.warning：表示一个警告的操作
.danger：表示一个危险的操作
<table class="table"> <caption>上下文表格布局</caption> <thead> <tr> <th>产品</th> <th>付款日期</th> <th>状态</th></tr> </thead> <tbody> <tr class="active"> <td>产品1</td> <td>23/11/2013</td> <td>待发货</td></tr> <tr class="success"> <td>产品2</td> <td>10/11/2013</td> <td>发货中</td></tr> <tr class="warning"> <td>产品3</td> <td>20/10/2013</td> <td>待确认</td></tr> <tr class="danger"> <td>产品4</td> <td>20/10/2013</td> <td>已退货</td></tr> </tbody> </table>
响应式表格
通过把任意的 .table 包在 .table-responsive class 内，您可以让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍bootstrap table表格插件使用详解，包括了bootstrap table表格插件使用详解的使用技巧和注意事项，需要的朋友参考一下 bootstrp-table学习，具体内容如下 bootstrap-table是一种表格插件，可用作后管系统的数据处理和回显，当然，bootstrap-table的使用需要前后台协调进行。 在使用bootstrap-table过程中需要注意：
-
本文向大家介绍Bootstrap Table使用方法详解，包括了Bootstrap Table使用方法详解的使用技巧和注意事项，需要的朋友参考一下 bootstrap-table使用总结 bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HT
-
本文向大家介绍JS组件Bootstrap Table使用方法详解，包括了JS组件Bootstrap Table使用方法详解的使用技巧和注意事项，需要的朋友参考一下 最近客户提出需求，想将原有的管理系统，做下优化，通过手机也能很好展现，想到2个方案: a方案：保留原有的页面，新设计一套适合手机的页面，当手机访问时，进入m.zhy.com(手机页面)，pc设备访问时，进入www.zhy.com(pc页
-
本文向大家介绍JS组件Bootstrap Select2使用方法详解，包括了JS组件Bootstrap Select2使用方法详解的使用技巧和注意事项，需要的朋友参考一下 在介绍select组件的时候，之前分享过一篇JS组件中bootstrap multiselect两大组件较量的文章，这两个组件的功能确实很强大，本文分享下select组件的一些用法和特性。 一些通用的单选、多选、分组等功能这里就
-
本文向大家介绍Bootstrap树形控件使用方法详解，包括了Bootstrap树形控件使用方法详解的使用技巧和注意事项，需要的朋友参考一下 一、JQuery树形控件 Jquery树形控件是一款基于JQuery+bootstrap、完全通过js和样式手写出来的非常轻量级的控件，网上很多地方都能看到它的影子。它功能简单、用户体验不错。对于一些简单的层级关系展示比较实用，但对于节点的增删改实现起来就不容
-
本文向大家介绍Bootstrap table使用方法详细介绍，包括了Bootstrap table使用方法详细介绍的使用技巧和注意事项，需要的朋友参考一下 bootstrap-table是一个非常好用的表格插件，提供了很多工具及分页、搜索等功能。 首先我们需要下面几个文件， 中文包好像可以防止某些bug 如果你单独引入这些文件而导致样式出错，请下载完整的bootstrap-table 下面是boo