Navbar bootstrap3 - アクティブなアイテムのスタイルを変更するには

Question

アクティブなアイテムのスタイルを変更したいと思います。代わりに、標準的なグレーのボーダーの

私はこのようないくつかの画像を追加します。

修正この種の方法はありますか？

Answer 1

私はあなたのコードは次のように見えますが、あなたはこの

.navbar #nav > .active > a { 
    color: red; 
} 

やクラスまたはIDをターゲットのようなものを何ができるかわからない、しかし、あなたは

Answer 2

は、アクティブクラスのCSS擬似要素::beforeを追加します。

色と位置を調整できます。以下のサンプルコード。

a.nav-link.active::before { 
    content: ""; 
    height: 2px; 
    width: 10px; 
    background: #000; 
    left: 25px; 
    position: absolute; 
    top: 45px; 
}