PHP前端开发

bootstrap怎么写分割线

百变鹏仔 1个月前 (11-13) #bootstrap
文章标签 分割线
创建 bootstrap 分割线有两种方法:使用 标签,可创建水平分割线。使用 css border 属性,可创建自定义样式的分割线。

Bootstrap 中创建分割线的两种方法

1. 使用


标签


标签是最简单的方法,将在文档中创建一个水平分割线。您可以使用 class 属性来样式化分割线,例如:
<hr class="my-5">

这将在分割线与文本之间添加 5 个单位(rem)的上边距和下边距。

2. 使用 CSS border 属性

另一种方法是使用 CSS border 属性创建一个分割线。您可以将 border-top 属性应用于一个容器或元素,如下所示:

.divider {  border-top: 1px solid #ccc;  margin: 1rem 0;}

这将创建一个 1px 宽、颜色为 #ccc 的水平分割线,并使用 margin 属性在分割线和文本之间添加边距。