两个容器重叠答案

【问题标题】：Two containers overlap两个容器重叠
【发布时间】：2014-02-18 13:28:48
【问题描述】：

我在现有容器（背景图像集）之后创建了一个新容器。新添加的容器与旧容器重叠。我增加了 padding-top 并且效果很好。但是有必要为我们使用的所有容器类编写吗？见图片（https://docs.google.com/file/d/0Bwyjk1QbhhGGXzRuMm4tcDhJeWc/edit）..

<div class="row">
      <div class="col-lg-5 col-lg-offset-1   col-xs-5 col-xs-offset-1">
        <img src="images/logos-1.png" class="img-responsive"/>
      </div>    

      <div class="col-lg-5 col-lg-offset-1   col-xs-5 col-xs-offset-1">
        <img src="images/logos-2.png" class="img-responsive"/>
      </div>    
</div> <!--row-->
</div>

<!--SECOND CONTAINER-->

<div class="container has-bg1">

    <div class="row" >
        <div class="col-lg-4  col-xs-4">
            <img src="images/blueprint_logo1.png" class="img-responsive"/>
        </div>
        <div class="col-lg-4  col-xs-4" >
            <img src="images/blueprint_logo2.png" class="img-responsive"/>
        </div>
        <div class="col-lg-4  col-xs-4" >
            <img src="images/blueprint_logo3.png" class="img-responsive"/>
        </div>  
   </div><!--row-->

CSS： .container.has-bg { 背景图像：url（图像/book_bg.png）；背景尺寸：封面； } .container.has-bg1 { 背景图像：网址（图像/蓝图.png）；背景尺寸：封面； }

【问题讨论】：

你能发布你的 HTML 或者创建一个Bootply吗？
@Skelly 我编辑了这个问题。你能检查一下吗？

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

你在容器中使用过 .row 吗？

<div class="container">
    <div class="row">
        <div class="col-lg-12">
        </div>
    </div>
</div>

也不需要每次都更换.container，你可以把所有东西都放在一个容器里

<div class="container">

    <div class="row">
        <div class="col-lg-12">
            First row content
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            Second row content
        </div>
    </div>

</div>

【讨论】：