无法让引导列以我想要的方式工作

Question

因此，我正在尝试访问页面上的某个部分，以便在屏幕处于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