10

.rowこれはばかげた質問かもしれないと思いますが、TwitterBootstrapのクラスの使用法がわかりません。それで、それは何のために使われますか?

私はこの構造でこのようなことをしようとしています:

LOGO
SUB-MESSAGE
MENU 1  | MENU 2  | MENU 3  | MENU ...
CONTENT                                            | ADS
CONTENT                                            | ADS
CONTENT                                            | ADS
CONTENT                                            | ADS
...                                                | ...

このための基本的な構造は何であり、行が必要な場所は何ですか?

4

1 に答える 1

9

ブートストラップは、通常のテーブル行の<tr>使用を、デザインのレイアウトに使用できるよりセマンティックなビルディングブロックに変換し、それによって、テーブルデータブロックを、コンテンツを分離するために使用するクラス<td>に変換しました。.span*グリッドと呼ばれます。span基本的に、行は、後で他の行の上または下に積み重ねてレイアウトを作成できるビルディングブロック、タグで埋めることができる水平コンテナと考えることができます。

したがって、レイアウトを説明するために、次のような行のスタックを使用できます。

<row>
    <span>LOGO</span>
    SUB-MESSAGE
</row>

<row>
    <span>MENU 1  | MENU 2  | MENU 3  | MENU ...</span>
</row>

<row>
    <span>CONTENT</span>                               | <span>ADS</span>
    <span>CONTENT</span>                               | <span>ADS</span>
    <span>CONTENT</span>                               | <span>ADS</span>
    <span>CONTENT</span>                               | <span>ADS</span>
</row>

行が、分離したいコンテンツのさまざまなレベルをどのように分離しているかに注目してください。グリッドシステムの使用法の詳細については、ブートストラップスキャフォールディングのドキュメントを参照してください。また、スタックグリッドがあり、ソースを表示して、行がどのように積み上げられ、その中のコンテンツがどのように配置されているかを知ることができます。一緒。

于 2012-04-14T19:21:37.120 に答える