我怎样才能有一个响应线'-----'？

Question

所以我想在两个div之间进行一次换行'-----------'。

有没有办法使用bootstrap / css来实现响应？

Answer 1

听起来你想要使用

<hr /> 

标签。如果您的div并排开始然后在较小的屏幕上堆叠，您将要使用媒体查询来决定何时显示水平规则。

Bootstrap有内置的类来帮助你做到这一点。它们在＆＃34;响应实用程序类＆＃34;下记录here。标题。

Answer 2

正如Eric Zaporzan所说，您可以使用水平规则标记<hr/>在页面上绘制一条线。但是，如果你想要严格地在两个div之间，那么你可以在更高的div上使用border-bottom: 1px solid black;。

Answer 3

您可以使用css属性：border-bottom和边框样式：dotted来实现效果。或solid有一个实线。

示例：

CSS：

.first {
    border-bottom: dotted 1px black;
}

.second {
    border-bottom: dotted 1px black;
}

HTML：

<div class="first">
    <p>
        This is first
    </p>
</div>

<div class="second">
    <p>
        This is second
    </p>
</div>