溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹bootstrap中nav指的是什么意思，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
bootstrap中的nav是“navigation”的縮寫，是導航的意思，nav可以用于設置導航元素的樣式，只需要給導航元素添加“class="nav nav-導航樣式代碼"”樣式即可。
本教程操作環(huán)境：Windows7系統(tǒng)、bootstrap3.3.7版、DELL G3電腦
NAV=navigation，英文翻譯的意思就是導航。
Bootstrap 提供的用于定義導航元素的一些選項。它們使用相同的標記和基類 .nav。Bootstrap 也提供了一個用于共享標記和狀態(tài)的幫助器類。改變修飾的 class，可以在不同的樣式間進行切換，nav可以用于設置導航元素的樣式。
創(chuàng)建一個標簽式的導航菜單：
以一個帶有 class .nav 的無序列表開始。添加 class .nav-tabs。
示例如下：
<html> <head> <meta charset="utf-8"> <title>Bootstrap 實例 - 標簽式的導航菜單</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <p>標簽式的導航菜單</p> <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> </body> </html>
輸出結(jié)果：
以上是“bootstrap中nav指的是什么意思”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
