栅格布局
container,固定宽度的容器。
container-fluid,百分百宽度的容器。
使用行(row)在水平方向上创建一组列(colmun)。
每一行中最多能够包含12列,超出的列则另起一行排列
内容应该放置到列(colmun)中,只有列(colmun)可以作为行(row)的直接子元素。
列偏移
使用col-*-offset-*类可以将列向右偏移,例如,col-xs-offset-4表示在超小屏幕上时,将元素向右偏移4列。
嵌套列
通过在列中嵌套行(row),可以将原有的列再分成12列,如此就实现了列的嵌套。
列排序
使用col-*-push-* 将列向右推,col-*-pull-*将列向左拉。例如下面的代码将box1向右推了6列,将box3向左拉了6列,结果是它们调换了位置。
表格
.table 必须的基类
.table-bordered 带边框的表格
.table-striped 带条纹的表格(隔行变色)
.table-hover 鼠标悬浮时为整行添加背景色
.table-condensted 紧凑的表格(减少了单元格padding)
网友评论