Question

最近我介绍了bootstrap和RWD。我理解了整个想法，但我似乎无法掌握网格系统。我创建了一个div容器来制作一个固定的设计。我想使用网格，但网页上有很多空格。意思是这样的：

标题

大约10行可用空间

内容/内容/内容

大约5行可用空间

内容

如何使用网格设计我的网页？我想我要问的不是如何，但有效的方法是什么。我不希望我的代码变得混乱。感谢。

Answer 1

<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>

至于可用空间线，根据需要添加边距

网格设计的高效代码

1 个答案: