Bootstrap前端开发框架 (2)

我们列嵌套***加1个行 row 这样可以取消父元素的padding值 而且高度自动和父级一样高。

<div> <div> <div> <!-- 我们嵌套***加1个行 row 这样可以取消父元素的padding值，而且高度自动和父 级一样高 --> <div> <div>a</div> <div>b</div> </div> </div> <div>2</div> <div>3</div> </div> </div> 3.4 列偏移

使用.co-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用*选择器为当前元素增加了左侧的边距（margin）

<div> <div> <div>左移</div> <!-- 偏移的份数 就是12 = 两个盒子的份数 = 6 --> <div>右移</div> </div> <div> <div>中间盒子</div> </div> </div> 3.5 列排序

通过使用.col-md-push-(推）和.col-md-pull-(拉）类就可以很容易的改变列（column）的是顺序。

<div> <div> <div>左侧</div> <div>右侧</div> </div> <div> <!-- col-md-push-*为推 --> <div>左侧</div> <!-- col-md-pull-* 为拉 --> <div>右侧</div> </div> </div> 3.6 响应式工具

为了加快对移动设备有好的页面开发工作，利用媒体查询功能，并使用这些工具类可以方便的针对不同的设备展示或隐藏页面内容。

与之相反的，是visible-xs visible-sm visible-md visible-lg 是显示某个页面内容

Bootstrap其他（按钮、表单、表格）请参考Bootstrap文档.