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

Question

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

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

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

各位有什么见解吗？

Answer 1

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

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

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

Answer 2

如果你想在引导程序中放置一个段落，只需将它放在一个带有你需要的 span 类的 div 中。例如，如果您希望段落扩展到 12 列网格中的 4 列，您可以这样写：

<div class="row">
   <div class="span4">
       <p>Some text...</p>
   </div>
</div>