Bootstrap V4のタブを使って押したら別の部分の表示切替する機能を実装するめも

BootStrap V4のnavsに含まれているtabを使って
「ある箇所を押したら別の部分の表示が切り替わる」みたいなことを適当に実装しためも

いい方法あったら教えてください…

https://getbootstrap.com/docs/4.0/components/navs/

「classがnav-linkのa」とその親タグの「tablistのroleを持ち、navのクラスを持つdiv」 あたりは必要みたい.ここらへんで最初手こずった.上のチュートリアルでもそれっぽいことは書いてありそう.

以下のような表示になる.赤いボタンを押すと下のパネルが変わる.

スクリーンショット 2019-01-07 23.55.49.png

以下が実装コード.tabbed-panelとかbtn-tabとかは本来いらないstyle.

 

これでできるはず.

「なんでもいい」って書いた箇所には, divでもimgでもなんでも中に入れることができる.

About the author

コメントを残す