bootstrap网格系统
2016-08-20 16:16
323 查看
1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如:
2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12
col-xs-* col-sm-* col-md-* col-lg-*
占据*列
3.行容器(.row),其定义了“margin-left”和”margin-right”值为”-15px”,用来抵消第一个列的左内距和最后一列的右内距
4.列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移
5.类名“col-md-push-*” 向右移动*列
“col-md-pull-*” 向左移动*列
6.网格嵌套
还是自己去实践一下网格系统!
<div class="container"> <div class="row"></div> </div>
2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12
col-xs-* col-sm-* col-md-* col-lg-*
占据*列
3.行容器(.row),其定义了“margin-left”和”margin-right”值为”-15px”,用来抵消第一个列的左内距和最后一列的右内距
4.列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移
5.类名“col-md-push-*” 向右移动*列
“col-md-pull-*” 向左移动*列
6.网格嵌套
还是自己去实践一下网格系统!
相关文章推荐
- Bootstrap-网格布局系统
- Bootstrap 网格系统
- Bootstrap 网格系统(Grid System)
- Bootstrap 网格系统(Grid System)实例5
- Bootstrap 网格系统(Grid System)实例4
- Bootstrap研究1-精巧的网格布局系统
- Bootstrap研究1-精巧的网格布局系统
- 玩转Bootstrap(基础) (4.网格系统实现原理)
- bootstrap布局 网格系统
- 10003---BootStrap网格系统
- Bootstrap 网格系统
- bootstrap -- css -- 网格系统
- Bootstrap基础(二):网格系统
- Bootstrap学习:网格系统
- bootstrap 基础知识学习(图片+网格系统)
- Bootstrap 3 网格系统简介
- Bootstrap<基础二> 网格系统
- Bootstrap<基础二> 网格系统
- Bootstrap 网格系统(Grid System)实例2
- Bootstrap中的网格系统