第九篇Bootstrap導(dǎo)航菜單創(chuàng)建步驟詳解
更新時間：2016年06月21日 15:56:07 作者：-夏昊-
這篇文章主要介紹了Bootstrap導(dǎo)航菜單創(chuàng)建步驟詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
創(chuàng)建一個標(biāo)簽式的導(dǎo)航菜單的步驟是:
•在ul標(biāo)簽上加上class nav
•再ul標(biāo)簽上加上 class .nav-tabs。
在li標(biāo)簽上加上 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)建一個膠囊式標(biāo)簽只需要把 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導(dǎo)航菜單創(chuàng)建步驟詳解的全部敘述，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了JavaScript Array對象使用方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
JavaScript中使用Async實現(xiàn)異步控制
async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個函數(shù)，大家通過本文學(xué)習(xí)下，對使用async 實現(xiàn)異步控制相關(guān)知識，感興趣的朋友一起看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)簡易計算器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
本文主要介紹了JS實現(xiàn)復(fù)選框的全選和批量刪除功能的方法代碼。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這 開發(fā)中如果有input輸入框，難免就要寫正則表達式，因此在這里總結(jié)了一些常見常用的正則表達式的書寫方法,需要的朋友可以參考下2018-10-10
這篇文章主要為大家詳細(xì)介紹了js圖片查看器的制作方法，可以實現(xiàn)圖片的滑動等效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了如何處理JSON中的特殊字符,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了JavaScript如何接收并顯示字節(jié)流中的圖片問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
Bootstrap下拉菜單Dropdowns的實現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單Dropdowns的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
DataJoin(數(shù)據(jù)連接)是D3中很重要的一個概念。D3是基于數(shù)據(jù)操作DOM的js庫，DataJoin使我們能夠根據(jù)現(xiàn)有?HTML?文檔中的數(shù)據(jù)集注入、修改和刪除元素。本文主要和大家詳細(xì)聊聊DataJoin的使用，感興趣的可以學(xué)習(xí)一下2022-11-11