Bootstrap 4 (正式版)を使用して、
以下のようにタブページを作成しております。
HTML
1<ul class="nav nav-tabs nav-justified nav-pills"> 2 3 <li class="nav-item"> 4 <a href="#tab1" class="nav-link active" data-toggle="tab">AA管理</a> 5 </li> 6 <li class="nav-item"> 7 <a href="#tab2" class="nav-link" data-toggle="tab">BB管理</a> 8 </li> 9 <li class="nav-item active" > 10 <a href="#tab3" class="nav-link" data-toggle="tab">CC管理</a> 11 </li> 12 <li class="nav-item"> 13 <a href="#tab4" class="nav-link" data-toggle="tab">DD管理</a> 14 </li> 15 16 </ul>
HTML
1 2 <div id="myTabContent" class="tab-content"> 3 4 <div class="tab-pane active" id="tab1"> 5 <div class="card border-primary"> 6 <div class="card-header bg-primary text-white"> 7 AA管理 8 </div> 9 <div class="card-body"> 10 AA管理タブ内容 11 </div> 12 </div> 13 </div> 14 15....略 16
AA管理タブをクリック後、
<a href="#tab1"
等に
別VIEW(AA管理タブ内容を別URL)にしたいのですが、そのようなことは可能でしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/22 19:18
2018/01/22 19:37
2018/01/22 20:02