Bootstrap Borders



Bootstrap Borders

Bootstrap Borders

边界实用程序用于快速更改元素的边框样式和边框半径。它主要用于图像,按钮或任何其他元素。
您可以对元素使用边框类别,以删除所有边框或某些边框。

语法:

无边框:
<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>


边界半径

您可以将边界的半径设置为不同的形状。对元素使用以下类可轻松舍入它的角落。

语法:

舍入完整边框:
<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">

No round:
<img src="..." alt="..." class="rounded-0">