- "active"/"in active"要設給預設顯示的頁籤/內容
- li href 與 div id 要互相對應
這樣就可以了,其他的都很直覺 ~ 真是太感人了OQ
<%--頁籤列--%>
<ul class="nav nav-tabs" style="clear: both; margin-bottom: 10px;">
<li class="active"><a data-toggle="tab" href="#menu1">頁籤1</a> </li>
<li class=""><a data-toggle="tab" href="#menu2">頁籤2</a> </li>
<li class=""><a data-toggle="tab" href="#menu3">頁籤3</a> </li>
</ul>
<div class="tab-content">
<%--頁籤 1 內容--%>
<div id="menu1" class="tab-pane fade in active">
1
</div>
<%--頁籤 2 內容--%>
<div id="menu2" class="tab-pane fade">
2
</div>
<%--頁籤 3 內容--%>
<div id="menu3" class="tab-pane fade">
3
</div>
</div>
沒有留言:
張貼留言