Question

我一直在使用twitter bootstrap一年，这是“正常工作”的事情之一。随着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开发，我如何使用Grid系统，

<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自己的文档在这里有用，但在迁移到Bootstrap 3时也是（b）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

如何使用bootstrap3网格系统

3 个答案: