タブ boostrap4

実装したいこと f:id:happy_teeth_ago:20190829122900p:plain

point_1 ul li で実装

point_2 コンテンツはdiv でid指定するclass= tab-paneも

かつ 全体をtab-content で囲む

point_3 ulにはclass= nav nav-tabs

point_4 liにはclass= nav-item

data-toggleは、カスタムデータと呼ばれ、ユーザーが独自に拡張する機能
DOM要素取得したいときなど、dataset[]でアクセスできるので便利です

dataset["tab"]で取得できます。  

point_5 liのaタグには class= nav-link 初期値にactive | data-toggle="tab"も設定