twitter bootstrap 2列固定布局坏了

Question

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

正在使用twitter bootstrap 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周围,但不明白为什么这应该有所作为.从你的网站上我可以看到我已经放了一些虚拟文本,但是它的碎片和重叠

Answer 1

你有两个非常长的单词,所以它们不能被包裹.将一些空格字符放入单词中,它将对齐,类似于:

<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的宽度是正确的.