php表格排版,bootstrap布局之排版样式、列表样式、表格样式介绍

标签添加 .table 类可以为其赋予基本的样式，少量 的 padding 和水平方向的分割线。

.table-bordered 为表格和其中的每个单元格增加边框线

.table-striped实现各行变色的效果(IE8不支持)table.table-striped tr:nth-child(odd){

background:red;

}

/*控制各行的颜色,odd控制下标为偶数的行,even控制下标为奇数的行*/

.table-hover实现鼠标放上的效果table.table-hover tr:hover{

background:red;

}

/*控制各行的颜色,odd控制下标为偶数的行,even控制下标为奇数的行*/

.table-condensed 紧凑型的表格，将 padding 值减半

.table-responsive 给表格父元素设置响应式，当屏幕小于 768px 时， 四周出现边框

状态类

只能给 tr 或者 td 或者 th 来设置，不能给 table 标记来设置

通过这些状态类可以为行或单元格设置颜色类描述实例

.active将悬停的颜色应用在行或者单元格上尝试一下

.success表示成功的操作尝试一下

.info表示信息变化的操作尝试一下

.warning表示一个警告的操作尝试一下

.danger表示一个危险的操作尝试一下

具体请看：

商品名称商品价格商品状态success颜色

小米手机1499代发货active颜色

小米手机1499代发货info颜色

小米手机1499代发货warning颜色

小米手机1499代发货danger颜色

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。