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 。

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

原文由 user9266304 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

https://codeply.com/go/ktnEeWExvh

注意：在这种情况下需要 !important 因为 Bootstrap 还在许多 实用程序类 中使用 !important ，例如 border-* 。

原文由 Zim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在引导 V5 中，您可以执行此操作

$utilities: (
  "border-width": (
    property: border-width,
    class: border,
    values: (
      1: 1px,
      2: 2px,
      3: 3px,
      4: 4px,
      5: 5px,
    )
  )
)

原文由 anthony0030 发布，翻译遵循 CC BY-SA 4.0 许可协议