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

您的跨度中有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）检查页面，则会看到span divs的宽度正确。