如何使用引導3

Question

究竟做我需要做什麼來實現這樣的兩個div水平定位沿着一側的另一個DIV：

到目前爲止我已經做了以下內容：

<div class="container"> 
    <div class="row"> 
     <div class="col-md-4"> 
      thumbnail 
     </div> 
     <div class="pull-right"> 
      <div class="col-md-8"> 
       title 
      </div> 
      <div class="col-md-8"> 
       bottom row 
      </div> 
     </div> 
    </div> 
    </div> 

Answer 1

你可以用很多方式來做到這一點。

一個可以使用網格系統（如你試過）：

<div class="container"> 
    <div class="row"> 
     <div class="one col-xs-4">ONE<br/>ONE</div> 
     <div class="col-xs-8"> 
      <div class="row"> 
       <div class="two col-xs-12">TWO</div> 
       <div class="three col-xs-12">THREE</div> 
      </div> 
     </div> 
    </div> 
</div> 

檢查this fiddle。

既然你寫了「縮略圖」，我想你可能正在尋找Bootstrap媒體對象，請檢查this。

讓我知道這是否有用！

Answer 2

你的HTML應該是這樣的：

<div class="container"> 
    <div class="row"> 
     <div class="row"> 
      <div class="col-md-4"><img src="http://placehold.it/50X50" class="img-thumbnail"></div> 
      <div class="col-md-8"> 
       <p>title</p> 
       <p> bottom row</p> 
      </div> 
     </div> 
    </div> 
</div> 

我只給你舉格式。