Bootstrap'ta sütun hizalaması

Question

İlk sırada yerleştirilecek üç görüntüye ve aşağıdaki şekilde gösterildiği gibi ikinci sırada iki görüntüye ihtiyacım var.

aşağıdaki gibi yukarıdaki resim için My kodudur

,

<div class="row" style="margin-left:15%"> 
     <div class="col-xs-6 col-md-3"> 
      <a href="#" class="thumbnail"> 
       <img src="F:\Project P\img\logo_homework.png" alt="Engg"> 
      </a> 
      <p style="text-align:center">I'm a Graduate</p> 
     </div> 
     <div class="col-xs-6 col-md-3"> 
      <a href="#" class="thumbnail"> 
       <img src="F:\Project P\img\logo_homework.png" alt="Engg"> 
      </a> 
      <p style="text-align:center">I'm a Post Graduate</p> 
     </div> 
     <div class="col-xs-6 col-md-3"> 
      <a href="#" class="thumbnail"> 
       <img src="F:\Project P\img\logo_homework.png" alt="Engg"> 
      </a> 
      <p style="text-align:center">I'm a PhD Guy</p> 
     </div> 
    </div> 
    <br> 
    <div class="row" style="margin-left:20%"> 
     <div class="col-xs-6 col-md-3" style="margin-left:20%"> 
      <a href="#" class="thumbnail"> 
       <img src="F:\Project P\img\logo_homework.png" alt="Engg"> 
      </a> 
      <p style="text-align:center">I'm a Course taking one</p> 
     </div> 
     <div class="col-xs-6 col-md-3"> 
      <a href="#" class="thumbnail"> 
       <img src="F:\Project P\img\logo_homework.png" alt="Engg"> 
      </a> 
      <p style="text-align:center">Others</p> 
     </div> 
    </div> 

Ama krom o

I aşağıdaki gibi gösterilir öğeyi denetle kullanarak mobil modunda görüntülemek zaman ek bir div eklediğimi biliyorum, ancak div'u yerleştirmezseniz, dördüncü görüntü ilk satıra yerleştirilir.

Onları nasıl hizalayabilirim?

Answer 1

Belki bu deneyin:

https://jsfiddle.net/68kycb4g/

<div class="container"> 
<div class="row"> 
    <div class="col-xs-4"></div> 
    <div class="col-xs-4"></div> 
    <div class="col-xs-4"></div> 
</div> 
<div class="row"> 
    <div class="col-xs-6 col-sm-offset-1 col-sm-5"></div> 
    <div class="col-xs-6 col-sm-5"></div> 
</div>