html - 覆盖 Bootstrap @media(最小宽度 : 768px) using CSS not working

Question

在我网站的导航中，我使用的是 Bootstrap ，对于我的事件页面，我试图在其下方添加一条水平线。

对于导航，Bootstrap 已将内边距设置为

@media (min-width: 768px)
    navbar.less:286
    .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

我正在使用 border-bottom 作为下面的水平线来显示事件页面，但我不希望它显示在页面标题下方 15px 处。

所以我将这段代码插入到我的 custom.css 文件中:

.activeNavPage  {
    border-bottom: solid 1px rgb(255, 95, 0);
    padding-bottom: 10px;
    margin-bottom: 4px;
}

还有:

@media (min-width: 768px)
navbar.less:286
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 10px;
}

尝试覆盖现有的 boostrap CSS，但我的@media 查询什么都不做，我的 .activeNavPage CSS 只为边框和边距应用苹果样式，但它也没有覆盖填充。

Answer 1

尝试添加 !important。比如padding-left:10px !important;