css - Twitter Bootstrap 如何管理 中的 元素？

Question

我想我可能会问一个愚蠢的问题，但我刚刚开始在我的一个需要响应式布局的新元素中实现 twitter bootstrap。我正在使用“跨度”方法将我的所有内容放在一个跨度网格中。

当我收到验证警告时，我正在将一些文本内容放入 span 中。段落元素不能嵌套在 span 中。

如果不在段落元素中，我们应该如何在 twitter bootstrap 中放入文本内容？

任何见解伙计们？

Answer 1

我认为您可能混淆了 HTML 的概念 <span>元素和 Bootstrap 的网格类 .span4 , .span8 , ... HTML 段落 ( <p></p> ) 是 block 元素，不能像 <span></span> 那样放在内联元素 中.因此抛出验证警告。 Bootstrap 的跨度类将与 <div> 结合使用元素。可以在其中放置段落:

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

查看 http://twitter.github.io/bootstrap/scaffolding.html#gridSystem 中的示例