当前位置：首页 > 资讯 > 技术文档

第九篇Bootstrap导航菜单创建步骤详解

时间：2020-05-12 13:51 编辑：来源：阅读：
扫一扫，手机访问

摘要：第九篇Bootstrap导航菜单创建步骤详解

创建一个标签式的导航菜单的步骤是: •在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>

[img]http://files.jb51.net/file_images/article/201606/20160621155117107.png[/img] 创建一个胶囊式标签只需要把 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>

[img]http://images2015.cnblogs.com/blog/980808/201606/980808-20160621123539647-1448330931.png[/img] 以上所述是小编给大家介绍的第九篇Bootstrap导航菜单创建步骤详解的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：javascript中的 object 和 function小结
下一篇：javascript框架设计之浏览器的嗅探和特征侦测

资讯排行榜
更多>>