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

 更新时间:2016年06月21日 15:56:07   作者:-夏昊-  
这篇文章主要介绍了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>

创建一个胶囊式标签只需要把 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导航菜单创建步骤详解的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JavaScript Array对象使用方法解析

    JavaScript Array对象使用方法解析

    这篇文章主要介绍了JavaScript Array对象使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript中使用Async实现异步控制

    JavaScript中使用Async实现异步控制

    async提供了很多函数用于异步流程控制,下面是async核心的几个函数,大家通过本文学习下,对使用async 实现异步控制相关知识,感兴趣的朋友一起看看吧
    2017-08-08
  • javascript实现简易计算器

    javascript实现简易计算器

    这篇文章主要为大家详细介绍了javascript实现简易计算器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JS实现复选框的全选和批量删除功能

    JS实现复选框的全选和批量删除功能

    本文主要介绍了JS实现复选框的全选和批量删除功能的方法代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • 值得收藏的八个常用的js正则表达式

    值得收藏的八个常用的js正则表达式

    这 开发中如果有input输入框,难免就要写正则表达式,因此在这里总结了一些常见常用的正则表达式的书写方法,需要的朋友可以参考下
    2018-10-10
  • 移动端js图片查看器

    移动端js图片查看器

    这篇文章主要为大家详细介绍了js图片查看器的制作方法,可以实现图片的滑动等效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 如何处理JSON中的特殊字符

    如何处理JSON中的特殊字符

    这篇文章主要介绍了如何处理JSON中的特殊字符,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JavaScript如何接收并显示字节流中的图片

    JavaScript如何接收并显示字节流中的图片

    这篇文章主要介绍了JavaScript如何接收并显示字节流中的图片问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • Bootstrap下拉菜单Dropdowns的实现代码

    Bootstrap下拉菜单Dropdowns的实现代码

    这篇文章主要为大家详细介绍了Bootstrap下拉菜单Dropdowns的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • D3.js入门之D3 DataJoin的使用

    D3.js入门之D3 DataJoin的使用

    DataJoin(数据连接)是D3中很重要的一个概念。D3是基于数据操作DOM的js库,DataJoin使我们能够根据现有 HTML 文档中的数据集注入、修改和删除元素。本文主要和大家详细聊聊DataJoin的使用,感兴趣的可以学习一下
    2022-11-11

最新评论