导读:
读了官方文档之导航菜单,就有一种跃跃欲试的感觉,那么就来跟着节奏嗨嗨嗨吧。
(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)效果截图: