修改引導程序的「活動」類

Question

我用Bootstrap編寫的導航欄有點問題。一切正常，但我想通過Bootstrap修改.active類給我的導航欄的< li>元素。我寫了自己的.active類，但由於某種原因，瀏覽器沒有看到它。 html文件中的鏈接如下所示：

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/main.css" rel="stylesheet"> 

有什麼辦法可以做到這一點，而不會干擾bootstrap.css？

編輯：我已經寫 類看起來是這樣的：

.active{ 
a{ 
    background-color: $transparent; 
    text-decoration: overline; 
    text-decoration-color: $color1; 
    } 
} 

好吧，作爲ussual問題是我太傻了。我忘了把我的編輯.scss文件的CSS：\

Answer 1

使用此 CSS

active.yourclassname { 
    //here your css properties 

} 

HTML

<ul> 
    <li class="active yourclassname"><a href="#">hello</a></li> 
</ul>