(2)bootstrap的導航元素


導讀:
讀了官方文檔之導航菜單,就有一種躍躍欲試的感覺,那么就來跟着節奏嗨嗨嗨吧。
(1)就在開始,我上一個鏈接,先看看官方文檔怎么介紹導航的

https://www.runoob.com/bootstrap/bootstrap-navigation-elements.html

隨機挑選一個來看看:兩端對齊的導航

<p>兩端對齊的導航元素</p>
<ul class="nav nav-pills nav-justified">
<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><br><br><br>

ul標簽是無序列表,li是它的子元素。
a標簽的屬性 href=”#”,表示鏈接到當前網頁。
(2)練習代碼截圖:
這里寫圖片描述
(3)效果截圖:
這里寫圖片描述


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com