css - ナビゲーションリンクの下に行を追加

Question

私はブートストラップスクロールスパイをいじっています.現在のセクションのリンクの下の行に移動する方法がわかりません.

かなり単純なはずですが、わかりません！私はそれを次のようにしたい：

あなたはポートフォリオセクションにいるので、ポートフォリオは下の愚かな小さな行で強調表示されます. 誰でも助けることができますか？必要に応じて、ここでライブ バージョンを確認できます。

Answer 1

カスタマイズされたクラス:

.navbar .nav li.active:after {
   content: "\f1ac";
   font-family: Ionicons;
   font-style: normal;
   font-size: 42px;
   color: #fff;
   position: absolute;   // <---- Add this 3 lines to center icon
   width: 100%;
   text-align: center;
}