如何在引导5中更改单个边框颜色？

Question

<div class="m-3 p-3 border-5 border-top border-danger border-bottom border-primary">
  Border with different colors?
</div>

有什么办法可以用沙斯来完成吗？

Answer 1

是的，在SCSS中，您应该使用BOM方法，这样您就可以这样编写：

<div class="border border-top border-bottom">

不同颜色的边框？

现scss：

.border {&-底部{边框-底色:红色}&顶{边框-顶部颜色:绿色}