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">