引導3個新的網格系統和COL-LG

Question

我試圖從引導2遷移到3，但我有新的網格系統，這是col-lg-*代替span*

林跛腳的英語問題，所以我顯示我的例子問題：

基地自舉2模板： http://bootply.com/71498

和自舉3，但是其中我用col-lg-*代替span*

同一模板

http://bootply.com/71499

任何想法？

Answer 1

一些標籤的改變。就像「縮略圖」現在是「img-thumbnail」一樣，嵌套行通常應該總共堆疊12列。

<div class="container"> 
<div class="row"> 
    <div class="col-lg-8"> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <img class="img-thumbnail" src="http://placehold.it/200x150"> 
       </div> 
       <div class="col-lg-9"> 
        <header class="entry-header"> 
         <h2>Lorem Ipsum</h2> 
        </header> 
       <p>Lorem Ipsum</p> 
       </div> 
      </div> 
    </div> 
    <div class="col-lg-4"> 
     Column 4 
    </div> 
</div> 

Answer 2

這應該工作

<div class="col-lg-8"> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <img class="thumbnail" src="http://placehold.it/200x150"> 
       </div> 
       <div class="col-lg-9"> 
        <header class="entry-header"> 
         <h2>Lorem Ipsum</h2> 
        </header> 
       <p>Lorem Ipsum</p> 
       </div> 
      </div> 
    </div>