javascript - Bootstrap 中类 clearfix 的问题

标签 javascript css twitter-bootstrap clearfix

我正在使用 twitter bootstrap,我对 bootstrap 中的 clearfix 类有疑问。我的 html 是:

<div class="pull-left">This is a text</div>
<hr class="clearfix" />

我期望的是水平线应该出现在显示文本的下一行,但它呈现在文本的右侧。如果当我在 hr 中使用 style='clear: both;' 时,它工作正常。为什么 clearfixclear: both 不一样?

最佳答案

clearfix 类应该应用于父容器元素

<div class="clearfix">
    <div class="pull-left">This is a text</div>
</div>

演示:Plunker

关于javascript - Bootstrap 中类 clearfix 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16260533/

相关文章:

Css 溢出隐藏的 div 褪色

html - 卡位置上的图像

css - 连续 7 个元素

html - 内联表单使输入文本全宽且响应迅速

javascript - 通过字符串路径设置嵌套对象属性

javascript - js后台视频调整中心

javascript - JavaScript 中匿名函数之间的通信

css - 如何使用 CSS 按行和 2 行交替

php - 带有修改表的 Codeigniter 分页

javascript - jasmine.matchersUtil.equals 与 ===