Два контейнера перекрываются

Question

Я создал новый контейнер после существующего контейнера (набор фоновых изображений). Недавно добавленный контейнер перекрывается со старым. Я увеличил 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 { background-image: url (images/blueprint.png); размер фона: обложка; }

Answer 1

Вы использовали внутри внутри контейнер?

<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>