如何在 Bootstrap 中指定边框颜色？
Bootstrap 为我们提供了不同的类，这些类可以与不同的 HTML 标签（例如
- 边境
- 边框顶部
- 边框底部
- 左边框
- 右边界
在本文中，我们将学习使用 Bootstrap 实现边框颜色。
CDN 链接：首先，添加项目所需的 Bootstrap 脚本。
示例 1：以下代码显示了边框类的简单使用。
HTML
GeeksforGeeks
HTML
-
.border border-primary
-
.border border-secondary
-
.border border-success
-
.border border-danger
-
.border border-warning
HTML
GeeksforGeeks
Bootstrap borders
-
.border border-info
-
.border border-light
-
.border border-dark
-
.border border-white
输出：
注意：如您所见，输出几乎不可见。为此，Bootstrap 提供了边框颜色。
Bootstrap 边框颜色：它还提供了一系列类，可以在上述引导边框类上应用自定义边框样式。这些类如下：
- 边界主要
- 边界中学
- 边界成功
- 边境危险
- 边界警告
- 边界信息
- 边框灯
- 边框暗
- 白边
注意：为了使上述类工作，Bootstrap 边框类也应与上述类一起提及。下面的示例使用 Bootstrap “边框”类。
示例 2：以下示例分别演示了蓝色、灰色、绿色、红色和黄色的类“ border-primary”、“border-secondary”、“border-success”、“border-danger”、“border-warning ”。
HTML
-
.border border-primary
-
.border border-secondary
-
.border border-success
-
.border border-danger
-
.border border-warning
输出：
示例 3：下面的示例演示了“ border-info”、“border-light”、“border-dark”、“border-white ”类分别具有青色、浅色、黑色和白色。
HTML
GeeksforGeeks
Bootstrap borders
-
.border border-info
-
.border border-light
-
.border border-dark
-
.border border-white
输出：
