bootstrap网格系统

来源:互联网 发布:普通电视怎么连接网络 编辑:程序博客网 时间:2024/04/30 11:14

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

  

   还是自己去实践一下网格系统!

0 0
原创粉丝点击