引導：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>