自定义Bootstrap SCSS

Question

我刚刚开始设置ASP.Net Core 2.2 MVC应用程序。 Bootstrap 4随附了它，并且还具有site.css。

覆盖的引导类之一是边框，我将其更改为以下

.border-top {
  border-top: 20px dashed yellow;
}

.border-bottom {
  border-bottom: 20px dotted red;
}

在布局中的顺序是

  

但是为什么我为边框顶部和边框底部输入的样式不能反映出来？

我举了一个非常基本的示例，它为边框自定义引导程序的默认样式，这直接来自asp.net核心mvc默认项目。

这只是使我对如何自定义引导程序样式的理解无效

有人可以帮我吗？

browserinspect