Boostrap Grid未对齐

Question

我为Wordpress安装了一个引导主题，但我遇到了网格对齐问题。

请参阅：Click Here产品&服务。

'种子'应该在左边，'其他产品'在右边与第二个元素'LeafLine'对齐。

这可能是什么？

Answer 1

您也可以在leafline div后面添加一个clearfix元素来修复此布局。

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

更多信息可以在这里找到：http://getbootstrap.com/css/#grid-responsive-resets

Answer 2

这是一个简单的修复。您只需将内容放入两行或两列即可。由于第一个左侧块上有更多文本，Seed块被推出。你只需要在行下面增加填充。

实施例具有行：http://www.bootply.com/PjWnLEAOMT

<div class="row"> 
       <div class="col-sm-6"> 
      <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">Primo</h3> 
       This is Leaf Space main project. A super lightweight two-stage launch vehicle able to bring up to 50 kg to Low Earth Orbit. The use of composite materials and hybrid proprulsive technology make Primo extremely safe, reliable and enviromental friendly, ensuring precise orbit inserction and extremely low risk of failure. All the components are designed with reusability in mind for future implementation of a reusable launch vehicle.   </div> 
      </div> 
     </div> 
       <div class="col-sm-6"> 
      <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">LeafLine</h3> 
       A ground stations network exclusively dedicated to nano, micro and smallsats is under development. LeafLine can support several orbits and different transmission protocols. A direct encrypted online link ensures simple and safe data collection and control transmissions to satellite operators.   </div> 
      </div> 
     </div> 
</div> 
    <div class="row"> 
       <div class="col-sm-6"> 
      <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">Seed</h3> 
       Thanks to its great versatility and reliability, hybrid propulsion can be used for several applications. Leaf Space is developing Seed, a next generation hybrid rocket motor designed for in space applications such as: 
<ul> 
    <li>orbital maneuvers</li> 
    <li>re-orbiting</li> 
    <li>de-orbiting</li> 
</ul> 
The first design is dedicated to nano and microsats, other future improved versions will serve also heavier satellites.   </div> 
      </div> 
     </div> 
       <div class="col-sm-6"> 
      <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">Other Services</h3> 
       Other Services 
To complete the offer of Leaf Space, a series of services dedicated to nano and microsatellites will be available, also in collaboration with other companies. Among them: 
<ul> 
    <li>transportations</li> 
    <li>technical advice</li> 
    <li>satellite integration in the payload vain</li> 
    <li>safety and law issues</li> 
</ul>   </div> 
      </div> 
     </div> 
       </div> 

实施例具有两列：http://www.bootply.com/bms2sLZ1ZJ

<div class="row"> 
       <div class="col-sm-6"> 
      <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">Primo</h3> 
       This is Leaf Space main project. A super lightweight two-stage launch vehicle able to bring up to 50 kg to Low Earth Orbit. The use of composite materials and hybrid proprulsive technology make Primo extremely safe, reliable and enviromental friendly, ensuring precise orbit inserction and extremely low risk of failure. All the components are designed with reusability in mind for future implementation of a reusable launch vehicle.   </div> 
      </div> 
     <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">Seed</h3> 
       Thanks to its great versatility and reliability, hybrid propulsion can be used for several applications. Leaf Space is developing Seed, a next generation hybrid rocket motor designed for in space applications such as: 
<ul> 
    <li>orbital maneuvers</li> 
    <li>re-orbiting</li> 
    <li>de-orbiting</li> 
</ul> 
The first design is dedicated to nano and microsats, other future improved versions will serve also heavier satellites.   </div> 
      </div></div> 
       <div class="col-sm-6"> 

     <div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">LeafLine</h3> 
       A ground stations network exclusively dedicated to nano, micro and smallsats is under development. LeafLine can support several orbits and different transmission protocols. A direct encrypted online link ensures simple and safe data collection and control transmissions to satellite operators.   </div> 
      </div><div class="media services"> 
         <div class="media-body"> 
       <h3 class="media-heading">Other Services</h3> 
       Other Services 
To complete the offer of Leaf Space, a series of services dedicated to nano and microsatellites will be available, also in collaboration with other companies. Among them: 
<ul> 
    <li>transportations</li> 
    <li>technical advice</li> 
    <li>satellite integration in the payload vain</li> 
    <li>safety and law issues</li> 
</ul>   </div> 
      </div></div> 
</div> 

显然第二产生清洁结果，只要填充去。