ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

详解Bootstrap导航组件(1/6)

来源:网络整理     时间:2016-04-24     关键词:Bootstrap

本篇文章主要介绍了"详解Bootstrap导航组件",主要涉及到Bootstrap方面的内容,对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 在bootstrap框架中将导航独立出来成为一个导航组件,根据不同的版本,可以找到相应的源码:LESS: navs.lessSASS: _navs.scss...

在bootstrap框架中将导航独立出来成为一个导航组件,根据不同的版本,可以找到相应的源码:

LESS:  navs.less

SASS:  _navs.scss

标签形导航,也称选项卡导航

标签形导航是通过.nav-tabs样式来实现的,在制作标签形导航时需要在原导航类名为.nav的容器上追加类名.nav-tabs

<ul class="nav nav-tabs"><li><a href="#">导航标题1a>li><li><a href="#">导航标题2a>li><li><a href="#">导航标题3a>li><li><a href="#">导航标题4a>li><li><a href="#">导航标题5a>li>ul>

原理:

将菜单项li按块显示,并让它们排列在同一水平上,然后定义非高亮菜单的样式和鼠标悬浮效果

相关图片

相关文章