1

私は 1 年間 Twitter のブートストラップを使用してきました。twitter bootstrap3 のリリースにより、モバイル ファーストのアプローチにより、さらに優れた素晴らしいものになりました。しかし、モバイルファーストのアプローチで適切に使用する方法を理解できません。

以前は.span*と.offset*クラスがありましたが、現在はそれぞれ.col-xs-* .col-md-* .col-sm-* .col-lg-*と.col-xs-offset-* .col-md-offset-*クラスがあります。今でも 'it-just-works' を.col-md-*使用して、これらすべてのクラスを使用する正しい方法を知りたいので、それらを使用するだけでなく、正しく使用して bootstrap3 を最大限に活用します。

ありがとう。

4

3 に答える 3

1

これらのリンクは非常に役に立ちました。

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

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

于 2013-09-17T05:08:45.307 に答える
0

現在、私はWeb開発にBootstrap 3を使用しています.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) 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

于 2013-10-16T19:51:37.447 に答える