0

私のウェブサイト http://whoisdomains.co.uk/

Twitterブートストラップを使用しています http://twitter.github.com/bootstrap/index.html

2列のレイアウトを使用しようとしています http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

彼らが与えるコードは

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

しかし、私は8と4を入れ替えましたが、なぜこれが違いを生むのかわかりません。あなたが私のウェブサイトから見ることができるように、私はいくつかのダミーのテキストを入れましたが、それは壊れていて重複しています

4

1 に答える 1

5

スパンに 2 つの非常に長い単語があるため、ラップできません。いくつかのスペース文字を単語に入れると、次のように整列されます。

<div class="span8">dskjdskjdskjlsdjlsdj ldjslkd sjkldsjklsdjlsdkjskldj ldksjldskjklsdjl dkjdlsjsdkjkladmdklmc kldmslkcmdlasmkmlkdjslkaj dlkjdsakjsdljlk sjljds</div>
<div class="span4">dkjsasdjsdhakhfl kjhdlkah fklhskldfha skjdhfk hsdklhfkjsdh ajklhfjklshadl kfhsjkadhfkjlh dsfjlhjaksdhfjk hjhdsajlkhdfljhasd ljhflkdhlkfhlkhdskfd</div>

firebug などのコンソールを使用してページを確認すると、スパン div の幅が正しいことがわかります。

于 2013-01-19T14:21:20.837 に答える