ブートストラップの「アクティブ」クラスを変更する

Question

ブートストラップで書かれたナビゲーションバーに少し問題があります。すべて正常に動作しますが、私はブートストラップによって< li>私のnavbarの要素に与えられた.activeクラスを変更したいと思います。私は自分自身の.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; 
    } 
} 

がOK、問題は私が愚かされていたいつものように。私は.CSSために私.scss編集したファイルを転送するのを忘れ：

Answer 1

使用\この CSS

active.yourclassname { 
    //here your css properties 

} 

HTML

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