两个容器重叠

我在现有容器（背景图像集）之后创建了一个新的容器。新添加的容器与旧的容器重叠。我增加了填充顶部并且效果很好。但是，有必要写我们使用的所有容器类见图像（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 { 背景图片：网址（图像/ book_bg.png）; background-size：cover; } .container.has-bg1 { background-image：url（images/blueprint.png）; background-size：cover; }

来源

2014-02-17 Prem

你可以发布你的HTML或创建[Bootply（HTTP：// www.bootply.com）？ – ZimSystem

@Skelly我编辑了这个问题。你可以请检查一下。 – Prem

您是否在容器中使用过.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>

来源

2014-02-17 08:59:26 Notflip

两个容器重叠

回答

相关问题