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元素為標籤元件...