您的位置:首页 > Web前端 > BootStrap

bootstrap网格系统

2016-08-20 16:16 323 查看
1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如:

<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.网格嵌套

还是自己去实践一下网格系统!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  web前端开发 网格 css