bootstrap元件之導航元件使用方法

2022-10-07 09:12:10 字數 669 閱讀 8490

bootstrap 中的導航元件都依賴同乙個 .n** 類和ul,狀態類也是共用的。改變修飾類可以改變樣式。

1、標籤頁

.n**-tabs

2、膠囊式標籤頁

.n**-pills

3、垂直的導航

只需要新增.n**-stacked就可以實現豎直方向上的導航

...4、禁用的鏈結

如果需要禁用某個導航選項,只需要在對應的li上新增.disabled就可以了

......

5、給導航選項新增下拉列表

如果需要導航的某個選項是下拉列表可以修改對應的li

ohsdzxy1)給li新增.dropdown

2)a標籤當做下拉列表的觸發器,新增.dropdownwww.cppcns.com-toggle 和 data-toggle=」dropdown」

3)a標籤裡面www.cppcns.com新增文字和span

4)li裡面還要新增ul,也就是dropdown-menu

......

以上所述是小編給大家介紹的bootstrap元件之導航元件使用方法,希望對大家有所幫助,如果大家有任何疑問請給我留www.cppcns.com言,小編會及時回覆大家的。在此也非常感謝大家對我們**的支援!

本文標題: bootstrap元件之導航元件使用方法

本文位址:

BootStrap 附加導航元件

附加導航及貼上到螢幕某處實現錨點的功能 楊嶺村位於曾經 苦甲天下 的西海固地區,六盤山集中連片特困地區的腹地,山大溝深 產業滯後等因素制約著當地群眾脫貧的步伐。楊嶺村位於曾經 苦甲天下 的西海固地區,六盤山集中連片特困地區的腹位於曾經 苦甲天下 的西海固地區,六盤山集中連片特困地區的腹位於曾經 苦甲...

Bootstrap元件 輸入框組

尺寸 為 input group 新增相應的尺寸類,其內部包含的元素將自動調整自身的尺寸。不需要為輸入框組中的每個 元素重複地新增控制尺寸的類。作為額外元素的多選框和單選框 可以將多選框或單選框作為額外元素新增到輸入框組中。作為額外元素的按鈕 為輸入框組新增按鈕需要額外新增一層巢狀,不是 input...

Bootstrap元件之well 標籤

把 well 用在元素上,能有嵌入 inset 的的簡單效果。well 指定div為well元件 well sm well lg 指定well適用的螢幕解析度 一輩子很長,要跟有趣的人共度一生 一輩子很長,要跟有趣的人共度一生 一輩子很長,要跟有趣的人共度一生 label 設定span元素為標籤元件...