Bootstrap嵌套視圖

Question

我想用Bootstrap元素實現以下佈局，有什麼建議？

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
     <td>1</td> 
     <td rowspan="2">unified columns</td> 
     </tr> 
     <tr> 
     <td>2</td> 
     </tr> 
    </table></td> 
    </tr> 
</table> 

試圖從實例做它Bootstrap Site但無法達到同樣的觀點。

Answer 1

這是所有的行和跨度。你有一行有內部行和內部跨度等等。

<div class="row"> 
    <div class="span6"> 
     <div class="row"> 
      <div class="span2"> 
       <div class="row"> 
        <div class="row"> 
         <div class="span2">hello</div> 
        </div> 
        <div class="row"> 
         <div class="span2">bootstrap</div> 
        </div>  
       </div> 
      </div> 
      <div class="span4"> 
       example 
      </div> 
     </div> 
    </div> 
</div>