ブートストラップカラムを私が望むように動作させることができません

Question

ページのセクションには、イメージとワードが2セットあり、それぞれの行はlgとmdモードになっています。

ので、それはこのような何かを行く必要があります...
（IMG）（言葉...）（IMG）（言葉...）
（IMG）（言葉...）（IMG）（言葉...）

<div class="container rowSpacing"> 
      <h1 class="text-center">We Capture All Memories...</h1> 
      <div class="row"> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your loved ones...</h2> 
       </div> 

       <div class="clearfix"></div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your special day...</h2> 
       </div> 

       <div class="clearfix"></div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your last moments...</h2> 
       </div> 

       <div class="clearfix"></div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your beautiful moments...</h2> 
       </div> 
      </div> 
     </div> 

Answer 1

は

<div class="clearfix"></div> 

と

Answer 2

<div class="container rowSpacing"> 
      <h1 class="text-center">We Capture All Memories...</h1> 



      <div class="row"> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your loved ones...</h2> 
       </div> 



       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your special day...</h2> 
       </div> 

    </div> 
    <div class="row"> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your last moments...</h2> 
       </div> 



       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <img src="images/NewLogo.png" class="img-responsive" alt="..."> 
       </div> 

       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> 
        <h2>Your beautiful moments...</h2> 
       </div> 

    </div> 

      </div> 

セットの高さにあなたの列のそれぞれの設定を削除してください

sample code

Answer 3

あなただけ秒後の画像+テキストの第六組の後に clearfix DIVを削除する必要があり

：

それは私に次のようになります

http://codepen.io/anon/pen/aJLYeZ