除了<hr />在Bootstrap 3中还有其他任何选线方式吗？

Question

我发现BootStrap3中的<HR/>标签有很多余量。我正在开发具有紧凑外观的页面<HR/>在我的页面上看起来不太好。你有没有其他选择可以让我在Bootstrap 3画一条线？或者如何删除BootStrap3的<HR/>标签的边距。

Answer 1

当然，您的项目有自定义CSS。再补充一点：

hr.my-class {margin: 0;}

<hr class="my-class" />

或者简单地说：

hr {margin: 0;}

Answer 2

因为你要求“另一种方式”画一条线。通常，我使用标签的底部边框作为一种下划线/分隔符，例如

.underline {
    border:solid #CCC;border-width:0 0 1px 0;
}

您可以将其放入标题标记，放入.row或其他任何内容，并获得一个除了行本身高度之外不会占用任何空间的下划线。