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

标签 css twitter-bootstrap html-validation

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

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

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

任何见解伙计们?

最佳答案

我认为您可能混淆了 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 中的示例

关于css - Twitter Bootstrap 如何管理 <span> 中的 <p> 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16997862/

相关文章:

javascript - Bootstrap 下拉选择默认值不起作用

html - Bootstrap 在较小的屏幕上重新排序多列

visual-studio - 有没有办法为 Visual Studio 创建自定义 HTML 验证架构?

Angular 忽略了 HTML 必需的验证?

iPad/iPhone 上的 Html5 表单元素 "required"不起作用

jQuery 在单击时滚动到具有相同类的下一个 href

javascript - Angular 5 ViewChild clientHeight、scrollTop、scrollHeight 全部为零后

jquery - 如何使用 CSS(首选)或 Jquery 为移动设备重新排列 div 元素?

html - 如何使 Bootstrap 表响应?

html - Datepicker div 在表单内打开,这就是为什么不可见