網格設計的高效代碼

最近我已經介紹了bootstrap和RWD。我已經理解了整個想法，但我似乎無法掌握網格系統。我創建了一個div容器來製作一個固定的設計。我想使用網格，但在網頁中有很多空格。這意味着它是這樣的：網格設計的高效代碼

頁眉

約10的自由空間線

內容/內容/內容

約5的自由空間線

內容

我如何使用網格設計我的網頁？我想我所問的不是如何，但是做到這一點的有效方法是什麼。我不希望我的代碼混亂。謝謝。

來源

2013-07-18 None None

<div class='container'> 
    <div class='row'> 
     <div class='span12'>HEADER</div> 
    </div> 

    <div class='row'> 
     <div class='span4'>CONTENT</div> 
     <div class='span4'>CONTENT</div> 
     <div class='span4'>CONTENT</div> 
    </div> 

    <div class='row'> 
     <div class='span12'>CONTENT</div> 
    </div>  
</div>

至於自由空間的線，根據需要

來源

2013-07-18 05:41:13

我想也許使用空行，直到我達到我想要的行添加利潤。那個怎麼樣？ –

我絕對不會這樣做，主要是因爲它是醜陋的代碼，我也不認爲它會工作，因爲這些行的高度將爲零。你爲什麼反對使用利潤率？ –

網格設計的高效代碼

回答

相關問題