Bootstrap rawspan和列跨度

Question

任何人都可以幫助我解決這個問題，我使用bootstrap來開發我的網站，到目前爲止我有兩行。

<section role="main"> 
     <div class="container"> 
     <div class="row no-space"><!-- Row 1 --> 
      <div class="span3">    
       <h2>{ logo here }</h2> 
       <h3>[ logo here ]</h3> 
      </div> 

      <div class="span6"> 
       <h2>Text here, text here <em>text here</em>...</h2> 
       <h2>text here!</h2> 
      </div> 

      <div class="span3"> 
       <img src="img/coffee.png" alt="Coffee and code"> 
      </div> 

     </div><!-- /Row 1 --> 

     <div class="row no-space"><!-- Row 2 --> 
      <div class="span3"> 
       <img src="img/code01.png" alt="Coda2 code"> 
      </div>     
      <div class="span3"> 
       <img src="img/code01.png" alt="Coda2 code"> 
      </div> 
     </div><!-- /Row 2--> 
    </div><!-- Container --> 
</section><!-- MAIN --> 

整個網站將使用span3和6構建，span3的高度爲220，span6的高度爲460。由於span6與span 3相比具有雙倍高度，因此第一行的span3與secound行的第一個span3之間的距離將爲240px。

我怎樣才能消除這種差距，我嘗試了嵌套，但並不是真正需要的東西，因爲每次重新加載網站時，divs（span3）都會被洗牌。

謝謝你的時間和幫助。

Answer 1

我覺得你想要做什麼是跨度爲列的思考和添加列內的數據

<section role="main"> 
    <div class="container"> 
    <div class="row no-space"><!-- Row 1 --> 
     <div class="span3">    
      <h2>{ logo here }</h2> 
      <h3>[ logo here ]</h3> 
      <img src="img/code01.png" alt="Coda2 code"> 
     </div> 

     <div class="span6" data-rowspan="2" data-colspan="2"> 
      <h2>Text here, text here <em>text here</em>...</h2> 
      <h2>text here!</h2> 
     </div> 

     <div class="span3"> 
      <img src="img/coffee.png" alt="Coffee and code"> 
      <img src="img/code01.png" alt="Coda2 code"> 
     </div> 

    </div><!-- /Row 1 --> 
</div><!-- Container -->