引导：1列出3不对齐

Question

我有使一列连续在内线与其他那些对齐问题：

我有1行3列，但第三栏比下其他2. 第一列有一个图像，第二个文本和第三个其他图像。

这里是我的代码：

<div class="container"> 

    <div id="video" class="row"> 
    <div class="col-md-4 pull-left"> 
    <img src="img/flowers.png"> 
    </div> 

    <div class="col-md-4 text pull-center"> 
    <h1>SEE HOW IT WORKS</h1> 
    </div> 

    <div class="col-md-4 pull-right"> 
    <img src="img/root.png"> 
    </div> 

    </div> 
<!-- end container --> 

Answer 1

不需要设置pull-x类：

Bootply

HTML：

<div class="container"> 

    <div id="video" class="row"> 
    <div class="col-sm-4"> 
    <img src="img/flowers.png"> 
    </div> 

    <div class="col-sm-4 text"> 
    <h1>SEE HOW IT WORKS</h1> 
    </div> 

    <div class="col-sm-4"> 
    <img src="img/root.png"> 
    </div> 

    </div></div> 

<div id="push"></div> 

Answer 2

pull-right和0这里错误地使用了。

你不需要这些值只是瓷砖东​​西在引导

这些设置将使一个div float没有真正把他们的地方。

Answer 3

与IMG响应试试这个，缺少亲密的DIV末---

<div class="container"> 
    <div id="video" class="row"> 
     <div class="col-sm-4"> 
      <img src="img/flowers.png" class="img-responsive"> 
     </div> 

     <div class="col-sm-4 text"> 
     <h1>SEE HOW IT WORKS</h1> 
     </div> 

     <div class="col-sm-4"> 
     <img src="img/root.png" class="img-responsive"> 
     </div> 

    </div> 
</div>