BootStrap响应式导航条
2016-04-27 10:15
375 查看
http://getbootstrap.com/components/#navbar
data-toggle=”collapse” 预期行为
![](http://img.blog.csdn.net/20160427101319477)
![](http://img.blog.csdn.net/20160427101400592)
<header role="banner"> <nav role="navigation" class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html">Bootstrappin'</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Team</a></li> <li><a href="#">Contact</a></li> </ul> </div><!--/.nav-collapse --> </div><!--/.container --> </nav> </header>
data-toggle=”collapse” 预期行为
相关文章推荐
- Bootstrap(一) 排版
- 简介BootStrap model弹出框的使用
- Java全新高大尚HTML5 bootstrap后台框架源码 java图片爬虫 自定义表单
- bootstrap样式大全
- Bootstrap学习速查表(二) 排版及表格
- JS组件Bootstrap实现弹出框效果代码
- Bootstrap滚动监听(Scrollspy)插件详解
- JS组件Bootstrap实现下拉菜单效果代码
- 关于Bootstrap日期控件datetimepicker被模态框等遮罩在底部的问题及解决办法。
- Bootstrap每天必学之模态框(Modal)插件
- Bootstrap表单组件教程详解
- 详解Bootstrap表单组件
- 什么是Bootstrap Aggregating
- Bootstrap每天必学之工具提示(Tooltip)插件
- Bootstrap网格系统详解
- Bootstrap每天必学之标签页(Tab)插件
- Bootstrap按钮组件详解
- Bootstrap每天必学之警告框插件
- Flask-更改国内CDN
- Bootstrap按钮组件详解