2012-04-14 5 views
10

これはちょっと疑問に思うかもしれませんが、私は.rowクラスの使い方をTwitter Bootstrapから理解していません。だから、それは何のために使われますか?ブートストラップの行クラスの使い方は?

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

は、これは何のための基本的な構造である必要があり、行はどこに必要とされている:

私は、この構造内でこのような何かをしようとしていますか?あなたが使用.span*クラスに、<td>

答えて

9

ブートストラップは、あなたのデザインをレイアウトするために使用できる、より意味的なビルディングブロックに、<tr>、通常のテーブル行の使用を翻訳し、それを彼らはまた、テーブルのデータ・ブロックを翻訳しましたグリッドと呼ばれるコンテンツを分離することができます。基本的には、レイアウトを作成するために後で他の行の上または下にスタックすることができる、建物のブロックで塗りつぶすことができる水平コンテナ、つまり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> 

お知らせ:

だから、あなたのレイアウトを説明するために、次のような行のスタックを使用することができます。ブートストラップの足場documentationには、グリッドシステムの使用方法に関する詳細が記載されています。また、スタックがどのようにスタックされ、どのようにコンテンツが配置されるかのアイデアを得るためにソースを見ることができるスタックグリッドもあります一緒に。

+4

質問は、この答えでは使用しない.rowクラスに関するものでした。代わりにタグを使用しますか? – paulo62

関連する問題