Twitter Bootstrapのcontainer、row、col(span)の正しい使い方 -- ぺけみさお

Twitter Bootstrap 3.0.0のcontainer、row、col(Bootstrap 2.xならspan)クラスの使い方を説明する。公式サイトでも例示されているが、体系だった説明がされていないのでBootstrap初心者の役に立つはずだ。 1. containerは中身をセンタリングし幅を固定するcontainerクラスは中身を画面の中央に幅を固定するクラスだということを理解しよう。containerクラスはBootstrapのレイアウトを使う上でルートとなるクラスである。 2.で述べるcontainerクラスより幅の広いレイアウトをする場合を除いて、Webページのほとんどの内容をcontainerクラスの内部に書くことになるだろう。 containerクラスはWebページの中に複数個作っても全く構わない。また3.で詳しく述べるが、グリッドシステムを使わなくて良いのなら、

[pinkumohikan]

container,rowの誤った使い方のせいでwindow外に余白ができてしまっていた時に参考にした資料

[nknkt]

container -> row -> col -> row -> colと入れ子にする

[tyru]

「コンテンツはcontainerクラスかcolクラスの内部に記述するようにすることだ。rowクラスの直下にはコンテンツを書いてはいけない」

[takaken1123]

[2016-05-22 23:09]

[hardline5617]

Twitter Bootstrapのcontainer、row、col(span)の正しい使い方

[suneo3476z_tn]

Twitter Bootstrapのcontainer, row, colの関係

[watanata2000]

container row col 使い方

[tomcha0079]

“container”