三、下拉選單

3.1基本結構

3.2 觸發方式

 注：1、測試時發現js觸發的下拉選單點時只出現無法消失，建議data-toggle觸發

        2、如果觸發下拉選單的元素是一個連結元素，為了避免點選連結，頁面跳到頂部，可以使用   

             data-target="#"來替代href="#"

四、滾動偵測

4.1 基本結構

4.2 data的其他屬性

data-spy="scroll"，指定監控的導航條//必填

data-offset="0-100"，監控過程中滾動條偏移位置//測試發現並無太大作用

4.3 在body中加滾動監控器

4.4 js觸發法式

<nav id="navbar-menu" class="navbar navbar-default navbar-static" role="navigation">  …</nav>

<div class="scrollspy" id="scrollspy">  …</div>

 $(function(){    $("#scrollspy").scrollspy({

        target: "#navbar-menu"

       });

 })

五、選項卡

5.1 基本結構

      注：1、data-target="對應內容面板的選擇符(一般是ID)";

             2、如果是連結的話，還可以通過 href="對應內容面板的選擇符(一般是ID)"

             3、將nav-tab換為nav-pill

     4、tab-pane 後可跟fade 實現漸隱漸現的效果，其中第一個元素中還要加上in類名，表示初始狀態為顯示狀態

5.2 js觸發