1

我已经使用 twitter bootstrap 一年了,它是其中之一 - “只是有效”。随着 twitter bootstrap3 的发布,它的移动优先方法变得更好、更棒了。但我无法理解如何通过移动优先方法正确使用它。

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

谢谢。

4

3 回答 3

1

我发现这些链接非常有帮助:

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

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

于 2013-09-17T05:08:45.307 回答
0

目前我正在使用 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>
于 2013-09-16T08:33:28.573 回答
0

我发现 (a) Bootstrap 自己的文档在这里很有帮助,而且 (b) lynda.com 主题在迁移到 Bootstrap 3 时也很有帮助。具体来说,请参阅“处理网格更改”

(a) http://getbootstrap.com/css/#grid-offsetting

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

于 2013-10-16T19:51:37.447 回答