2018年10月19日 星期五

[bootstrap]頁籤功能

基本上這個功能只要編輯.aspx頁面就可以了,其中只要留意:
  1. "active"/"in active"要設給預設顯示的頁籤/內容
  2. 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>

沒有留言:

張貼留言