<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ## 導航 Bootstrap 中的導航組件都依賴同一個`.nav`類,狀態類也是共用的。改變修飾類可以改變樣式。 注意: **1.** 在標簽頁上使用導航需要依賴 JavaScript 標簽頁插件 **2.** 確保導航組件的可訪問性 如果你在使用導航組件實現導航條功能,必須在`<ul>`的最外側的邏輯父元素上添加`role="navigation"`屬性,或者用一個`<nav>`元素包裹整個導航組件。 **標簽頁** 基本的導航元素:標簽導航。基于ul、li而來,給ul添加?class\="nav nav-tabs" 即可。選中的li添加?class\="active"即可。注意`.nav-tabs`類依賴`.nav`基類。 ```html <ul class="nav nav-tabs"> <li role="presentation" class="active"><a>Home</a></li> <li role="presentation"><a>Messages</a></li> <li role="presentation"><a>company</a></li> <li role="presentation"><a>Profile</a></li> </ul> ``` ![](https://img.kancloud.cn/b0/f8/b0f84e1534f0774b276f3d9d26df31b8_815x79.png) ***** **膠囊式標簽頁** 用 class?**.nav-pills**?代替?**.nav-tabs**?就可應用膠囊樣式 ```html <ul class="nav nav-pills"> <li role="presentation" class="active"><a>Home</a></li> <li role="presentation"><a>Messages</a></li> <li role="presentation"><a>company</a></li> <li role="presentation"><a>Profile</a></li> </ul> ``` ![](https://img.kancloud.cn/ce/ef/ceef9a3687e99b30c8725710d27ee222_932x59.png) 膠囊是標簽頁也是可以垂直方向堆疊排列的。只需添加`.nav-stacked`類,其效果如下: ![](https://img.kancloud.cn/6b/aa/6baa09443a9433d3fecc6d00d92b9340_605x214.png) ***** **禁用的鏈接** 給導航選項元素添加?class\="disabled" 就可禁用鏈接,從而實現 鏈接為灰色且沒有鼠標懸停效果。 注意: 鏈接功能不受到影響,這個類只改變`<a>`的外觀,不改變功能。可以自己寫 JavaScript 禁用這里的鏈接。 ```html <ul class="nav nav-pills"> <li role="presentation" class="active"><a>Home</a></li> <li role="presentation" class="disabled"><a>Messages</a></li> <li role="presentation"><a>company</a></li> <li role="presentation"><a>Profile</a></li> </ul> ``` ![](https://img.kancloud.cn/91/de/91deebe434d1c9c098d013c9c950ec53_765x64.png) ***** **添加下拉菜單** **1.** 帶下拉菜單的標簽頁 ```html <ul class="nav nav-tabs"> <li role="presentation" class="active"><a>Home</a></li> <li role="presentation" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Messages <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> </ul> </li> <li role="presentation"><a>company</a></li> <li role="presentation"><a>Profile</a></li> </ul> ``` ![](https://img.kancloud.cn/08/cb/08cbe31f1f11060db340b42581099ccc_673x172.png) **2.** 帶下拉菜單的膠囊式標簽頁 用 class?**.nav-pills**?代替?**.nav-tabs**?就可應用膠囊樣式。 ![](https://img.kancloud.cn/de/20/de2094119274ed52fff7d26ae6a58f71_670x173.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看