如何使用bootstrap创建附加的响应式布局？

Question

如何使用bootstrap创建附加的响应式布局？

Answer 1

<div class="container-fluid">
    <!--HEADER-->
    <div class="row">
        <div class="col-md-10 col-md-offset-1">

        </div>
    </div>
    <!--Navigation-->
    <div class="row">

    </div>
    <div class="row">
        <!--ASIDE-->
        <div class="col-md-3 col-md-offset-1">

        </div>
        <!--CONTENT-->
        <div class="col-md-7">

        </div>
    </div>
    <!--CONTENT-->
    <div class="row">

    </div>
</div>

然后，您需要填充占位符DIV以实际查看结果，但这是一个非常精细的骨架，可以开始使用。不需要使用边距，Bootstrap的列偏移将起到作用