Twitter Bootstrap如何管理< p>中的元素< span>?

lyfkaqu1  于 2023-08-01  发布在  Bootstrap
关注(0)|答案(2)|浏览(98)

我想我可能问了一个愚蠢的问题,但我刚刚开始在我的一个新项目中实现twitter bootstrap,这个项目需要一个响应式布局。我使用的是“跨度”方法,将我所有的内容放在一个跨度网格中。
我正在将一些文本内容放入一个span中,这时我收到了一个验证警告。段落元素不能嵌套在span中。
如果不是在段落元素中,我们应该如何在twitter bootstrap中放入文本内容?
有什么见解吗?

bnl4lu3b

bnl4lu3b1#

我想你可能混淆了HTML <span>元素和Bootstrap的网格类.span4.span8,.. HTML段落(<p></p>)是 * 块元素 *,不能像<span></span>一样放置在 * 行内元素 * 中。因此抛出验证警告。Bootstrap的span类将与<div>元素结合使用。可以在其中放置段落:

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

字符串
请访问http://twitter.github.io/bootstrap/scaffolding.html#gridSystem查看示例

zujrkrfu

zujrkrfu2#

如果你想把一个段落放在bootstrap中,只需把它放在一个div中,并带有你需要的span类。例如,如果你想将段落扩展到12列网格中的4列,你可以这样写:

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

字符串

相关问题