引导容器,行和列使用

时间:2017-01-07 22:41:58

标签: html css twitter-bootstrap

我理解大部分容器和cols。我的问题是关于行。下面是50/50 Split。

 <div class="container">
    <div class="row">
       <div class="col-md-6">
          50 / 50 Content
       </div>
       <div class="col-md-6">
          50 / 50 Content
       </div>
    </div>
 </div>

如果我再一次,要在一个区域中拆分其中一个列,我是否会再次添加另一个行div?

 <div class="container">
     <div class="row">
        <div class="col-md-6">
           50 / 50 Content
           <div class="row">
              <div class="col-md-6">
                 Sub 50 / 50 Content
              </div>
              <div class="col-md-6">
                 Sub 50 / 50 Content
              </div>
           </div>
        </div>
        <div class="col-md-6">
           50 / 50 Content
        </div>
    </div>
 </div>

提前致谢!

1 个答案:

答案 0 :(得分:0)

如果你包装一个有行类的div,divs paddings里面,margin和float设置都会改变。

在同一页面中使用两者并注意事项。