HTML проблема с Bootstrap

Question

Я пытаюсь создать следующий в загрузчике

Это моя текущая разметка

<section id="about" class="module" style="background-color:#5690AF"> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-lg-6 text-center"> 
       <img src="~/Content/Images/hackit.png" class="img-responsive" /> 
      </div> 
      <div class="col-lg-6"> 
       <div class="row"> 
        <div class="col-lg-3" style="background-color:#E8E8E8"> 
         <img src="~/Content/Images/faceCup.png" class="img-responsive" /> 
        </div> 
        <div class="col-lg-3" style="background-color:#EA6000"> 
         <img src="~/Content/Images/bernardApron.png" class="img-responsive" /> 
        </div> 
       </div> 
       <div class="row" style="background-color: #6A9574"> 
        <img src="~/Content/Images/gardenHeart.png" class="img-responsive" /> 
       </div> 
      </div> 
     </div> 
    </div> 
</section> 

Но когда я запускаю проект я получаю

После l в моем HTML я понял, что у меня было правильно, но, к сожалению, оно совершенно отличается от того, что я ожидал, кто-то сможет дать мне руку.

Благодаря

Answer 1

Попробуйте это один,

<section id="about" class="module" style="background-color:#5690AF"> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-lg-6 text-center"> 
       <img src="~/Content/Images/hackit.png" class="img-responsive" /> 
      </div> 
      <div class="col-lg-6"> 
       <div class="row"> 
        <div class="col-lg-6 text-center" style="background-color:#E8E8E8"> 
         <img src="~/Content/Images/faceCup.png" class="img-responsive" /> 
        </div> 
        <div class="col-lg-6 text-center" style="background-color:#EA6000"> 
         <img src="~/Content/Images/bernardApron.png" class="img-responsive" /> 
        </div> 
       </div> 
       <div class="row" style="background-color: #6A9574"> 
        <div class="col-lg-12 text-center"> 
         <img src="~/Content/Images/gardenHeart.png" class="img-responsive" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</section>