无法在存在Bootstrap 5链接的情况下将水平标尺的边框设置为点线

Question

我试图使水平的规则有边框风格的点在我的网站上。但由于某些原因，只要嵌入了bootstrap-5 cdn，就不会发生这种情况。我还在codeply上尝试过，它工作得很好，直到我添加了Bootstrap-5框架，在这一点上，边框样式恢复到正常状态。这是我在水平标尺上应用的CSS，它有一个“水平标尺”类。

.horizontal-rule{
           width: 5%;
           border-style: dotted none none;
           border-width: 7px;
           }

有人能告诉我为什么会发生这种情况，以及我如何解决这个问题吗？

Answer 1

Bootstrap可能有它自己的<hr>样式，你需要打开像开发人员工具这样的东西来查看你需要在声明中添加什么，覆盖，Bootstrap定义了什么才能让你的样式工作。

此外，确保在引导CSS之后包含自定义CSS ，以便您的规则优先。