边框 | Borders

边界

使用边界实用程序快速设置元素的边框和边框半径。非常适合图片,按钮或任何其他元素。

边界

将元素添加到元素以删除所有边框或边框。

打开getbootstrap.com上的示例

<span class="border"></span> <span class="border-0"></span> <span class="border-top-0"></span> <span class="border-right-0"></span> <span class="border-bottom-0"></span> <span class="border-left-0"></span>

边框颜色

使用基于主题颜色的实用程序更改边框颜色。

打开getbootstrap.com上的示例

<span class="border border-primary"></span> <span class="border border-secondary"></span> <span class="border border-success"></span> <span class="border border-danger"></span> <span class="border border-warning"></span> <span class="border border-info"></span> <span class="border border-light"></span> <span class="border border-dark"></span> <span class="border border-white"></span>

边界半径

将类添加到元素中,以便轻松使元素的角变圆。

打开getbootstrap.com上的示例

<img src="..." alt="..." class="rounded"> <img src="..." alt="..." class="rounded-top"> <img src="..." alt="..." class="rounded-right"> <img src="..." alt="..." class="rounded-bottom"> <img src="..." alt="..." class="rounded-left"> <img src="..." alt="..." class="rounded-circle"> <img src="..." alt="..." class="rounded-0">