Idle Works, Idle Thoughts

Bootstrap 学习笔记

Bootstrap是一个前端框架,由Twitter的工程师编写发布。以下笔记来自Bootstrap 3.x。

table

table的几个基础类:

class 说明
.table 基础的table类,在cell间有line隔开。
.table-striped 以颜色区分奇偶行(斑马线)。用:nth-child实现。
.table-bordered 给cell加边框。
.table-hover 鼠标划过line时会高亮当前所在行。
.table-condensed cell的空间变小,压缩显示(节省页面空间)。

彩色的lines:.active, .success, .info, .warning, .danger

默认table会铺满整个页面,当遇到小table时,就非常难看。可以写个class来限制这种table:

.normal-width { width:auto !important; }

例如:

<table class="table normal-width"></table>