Q&A
前提・実現したいこと
bootstrap5を使ってnavを作成しています。
下記の公式ページのPillsを作りました。
https://getbootstrap.jp/docs/5.0/components/navs-tabs/
私の想定では、最初はActiveに青色がついていますが、隣のLinkをクリックすると、Activeのタブの色が消えて、Linkが青くなると思いましたが変化しませんでした。
どうすれば、クリックしたタブが青くなるのでしょうか。
発生している問題・エラーメッセージ
なし
該当のソースコード
html
1<ul class="nav nav-pills"> 2 <li class="nav-item"> 3 <a class="nav-link active" aria-current="page" href="#">Active</a> 4 </li> 5 <li class="nav-item"> 6 <a class="nav-link" href="#">Link</a> 7 </li> 8 <li class="nav-item"> 9 <a class="nav-link" href="#">Link</a> 10 </li> 11 <li class="nav-item"> 12 <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> 13 </li> 14</ul>
試したこと
CDNとダウンロードでcssとjavascriptを読み込みましたが、どちらでも結果は同じでした。
補足情報（FW/ツールのバージョンなど）
なし
回答1件
0
そのページの少し下側に使い方が乗ってるみたいです。
JavaScript behavior(少し下にスクロールしてください。)
テストでやってみましたが、切り替えできました。
https://codepen.io/recal/pen/poWQxMy
投稿2022/01/12 19:47
総合スコア1128
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。