Bootstrap 5.3 扩展边框底部尺寸选项

Answer 1

border-bottom border-5

对我来说效果很好。我建议您在 CSS 中添加一些内容来覆盖这些类名称/对您尝试设置样式的元素应用不同的边框宽度。

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

<div class="container mt-2">
  <h2 class="border-top border-2 border-danger p-2">Border top 2</h2>
  <h2 class="border-end border-3 border-success p-2">Border end 3</h2>
  <h2 class="border-bottom border-4 border-primary p-2">Border bottom 4</h2>
  <h2 class="border-start border-5 border-warning p-2">Border start 5</h2>
</div>