0

ここでばかげた質問をしていると思いますが、レスポンシブ レイアウトを必要とする新しいプロジェクトで Twitter ブートストラップの実装を開始したところです。すべてのコンテンツをスパン グリッドに配置する「スパン」方法論を使用しています。

検証の警告が表示されたとき、スパンにテキスト コンテンツを入れていました。段落要素をスパンにネストすることはできません。

段落要素にない場合、Twitter ブートストラップにテキスト コンテンツをどのように配置すればよいでしょうか?

洞察力のある人はいますか？

4

2 に答える 2

6

<span>HTML要素と Bootstrap のグリッド クラス.span4, .span8, ...の概念を混同している可能性があると思います。HTML の段落 ( <p></p>) はブロック要素であり、 のようなインライン要素内に配置してはなりません<span></span>。したがって、検証警告がスローされます。<div>Bootstrap のスパン クラスは、要素と組み合わせて使用​​されます。そこに段落を配置しても問題ありません。

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

http://twitter.github.io/bootstrap/scaffolding.html#gridSystemの例を見てください。

于 2013-06-08T09:08:46.433 に答える
0

段落をブートストラップに入れたい場合は、必要なスパン クラスを持つ div に入れるだけです。たとえば、段落を 12 列グリッドの 4 列に拡張する場合は、次のように配置します。

<div class="row">
   <div class="span4">
       <p>Some text...</p>
   </div>
</div>
于 2013-06-08T09:22:15.927 に答える