如何使用 Bootstrap3 网格系统

Question

我已经使用推特引导程序一年了，它是其中之一 -"只是工作" .随着 twitter bootstrap3 的发布，它的移动优先方法变得更加出色和令人敬畏。但是我无法理解如何使用移动优先方法正确使用它。

以前有.span*和.offset*类，但现在分别有.col-xs-* .col-md-* .col-sm-* .col-lg-*类和.col-xs-offset-* .col-md-offset-*类。即使是现在使用 .col-md-* "它只是工作"，我也想知道使用所有这些类的正确方法，以便不仅使用它们，而且正确使用它们以充分利用 bootstrap3。

谢谢。

Answer 1

我发现这些链接非常有用：

http://www.helloerik.com/bootstrap-3-grid-introduction

http://bootply.com/bootstrap-3-migration-guide

Answer 2

目前我正在使用 Bootstrap 3 进行 Web 开发，我如何使用网格系统是，

<div class="container">
    <div class="row">
        <div class="col-md-9">     <%--this for 9X3 grid--%>
            <div class="row">
                <div class="col-md-6">   <%--this for 6X6 inner grid--%>
                </div>
                <div class="col-md-6">
                </div>
            </div>
        </div>
        <div class="col-md-3">
        </div>
    </div>
</div>

Answer 3

我发现 （a） Bootstrap 自己的文档在这里很有帮助，但 （b） 迁移到 Bootstrap 3 lynda.com 主题。具体请参阅"处理网格更改"

（a） http://getbootstrap.com/css/#grid-offsetting

（b） http://www.lynda.com/course20/Bootstrap-tutorials/Bootstrap-3-New-Features-Migration/138156-2.html