边框工具

添加边框

<div class="border">四边边框</div>
<div class="border-top border-bottom">上下边框</div>
<div class="border-start border-end">左右边框</div>

移除边框

<div class="border border-0">无边框</div>
<div class="border border-top-0">移除上边框</div>
<div class="border border-bottom-0">移除下边框</div>
<div class="border border-start-0">移除左边框</div>
<div class="border border-end-0">移除右边框</div>

边框颜色

<div class="border border-primary">主要色边框</div>
<div class="border border-secondary">次要色边框</div>
<div class="border border-success">成功色边框</div>
<div class="border border-danger">危险色边框</div>
<div class="border border-warning">警告色边框</div>
<div class="border border-info">信息色边框</div>
<div class="border border-light">浅色边框</div>
<div class="border border-dark">深色边框</div>
<div class="border border-white">白色边框</div>

边框宽度

<div class="border border-1">1px 边框（默认）</div>
<div class="border border-2">2px 边框</div>
<div class="border border-3">3px 边框</div>
<div class="border border-4">4px 边框</div>
<div class="border border-5">5px 边框</div>

圆角

<div class="rounded-pill bg-primary text-white px-4 py-2">药丸形按钮</div>
<img src="/placeholder/100x100?seed=round" class="rounded-circle" alt="圆形图片">