0

我的网站 http://whoisdomains.co.uk/

正在使用 twitter 引导 http://twitter.github.com/bootstrap/index.html

我正在尝试使用两列布局 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>

如果您使用诸如萤火虫之类的控制台检查页面，您会看到跨度 div 的宽度是正确的。

于 2013-01-19T14:21:20.837 回答