第九篇Bootstrap導航菜單創(chuàng)建步驟詳解
更新時間：2016年06月21日 15:56:07 作者：-夏昊-
這篇文章主要介紹了Bootstrap導航菜單創(chuàng)建步驟詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
創(chuàng)建一個標簽式的導航菜單的步驟是:
•在ul標簽上加上class nav
•再ul標簽上加上 class .nav-tabs。
在li標簽上加上 active表示激活該項
<ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a></li> <li><a href="#">iOS</a></li> <li><a href="#">VB.Net</a></li> <li><a href="#">Java</a></li> <li><a href="#">PHP</a></li> </ul>
創(chuàng)建一個膠囊式標簽只需要把 nav-tabs改成：nav-pills.
<ul class="nav nav-pills"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a></li> <li><a href="#">iOS</a></li> <li><a href="#">VB.Net</a></li> <li><a href="#">Java</a></li> <li><a href="#">PHP</a></li> </ul>
以上所述是小編給大家介紹的第九篇Bootstrap導航菜單創(chuàng)建步驟詳解的全部敘述，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現更換背景圖片,文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
如何使用Bootstrap的modal組件自定義alert，confirm和modal對話框
本文我將為大家介紹Bootstrap中的彈出窗口組件Modal,此組件簡單易用，效果大氣漂亮且很實用，感興趣的朋友一起學習吧2016-03-03
這篇文章主要介紹了Jjcarousellite 實現圖片列表滾動的簡單實例，有需要的朋友可以參考一下2013-11-11
本文通過實例代碼給大家介紹了移動端點擊按鈕復制文本內容 ，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來聲明變量的關鍵字，分別是var、let和const,文章通過圍繞主題展開對三個關鍵詞的詳細介紹，需要的朋友可以參考一下2022-09-09
這篇文章主要介紹了動態(tài)加載js、css等文件跨iframe實現的方法,需要的朋友可以參考下2014-02-02
本文給大家介紹基于JavaScript如何實現對數字保留兩位小數一位自動補零的實例代碼，代碼簡單易懂，感興趣的朋友一起學習吧2015-12-12
前端開發(fā)的童鞋應該都知道,JavaScript是一門單線程的腳本語言,這就意味著JavaScript 代碼在執(zhí)行的時候,只有一個主線程來執(zhí)行所有的任務,同一個時間只能做同一件事情,這篇文章主要給大家介紹了關于JavaScript事件循環(huán)機制的相關資料,需要的朋友可以參考下2022-03-03
在編碼js過程中，經常遇到未結束的字符串常量這樣提示的錯誤，做下總結,以方便以后查閱.2010-06-06
這篇文章主要介紹了一波JavaScript日期判斷腳本分享,包括計算日期是否在時間段內即閏年的判斷等,需要的朋友可以參考下2016-03-03