html - Bootstrap 4 边界实用程序

Question

我觉得这应该很容易找到，但我还没有想出任何办法。 Bootstrap 4 具有用于添加和删除边框的实用程序类，但是否支持定义边框宽度或样式(如实线或虚线)？

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

有些类会改变边距和填充，例如 mr-3 和 pt-2。

也许我只需要自己定义它们？

Answer 1

不，Bootstrap 4 中没有用于边框宽度或样式的类。

您可以简单地添加如下内容:

.border-3 {
    border-width:3px !important;
}

https://codeply.com/go/ktnEeWExvh

注意:在这种情况下需要 !important 因为 Bootstrap 在许多 utility classes 中也使用了 !important像 border-*。