Bootstrap小练习---布局组件
2015-09-27 14:05
429 查看
导航栏
<nav class="navbar navbar-default">
<div class="navbar-header">
<a href="#" class="navbar-brand">W3Cschool</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">ios</a></li>
<li><a href="#">android</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Java <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">链接一</a></li>
<li><a href="#">链接二</a></li>
<li><a href="#">链接三</a></li>
<li class="divider"></li>
<li><a href="#">链接四</a></li>
<li class="divider"></li>
<li><a href="#">链接五</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<nav class="navbar navbar-default">
<div class="navbar-header">
<a href="#" class="navbar-brand">W3Cschool</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">ios</a></li>
<li><a href="#">android</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Java <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">链接一</a></li>
<li><a href="#">链接二</a></li>
<li><a href="#">链接三</a></li>
<li class="divider"></li>
<li><a href="#">链接四</a></li>
<li class="divider"></li>
<li><a href="#">链接五</a></li>
</ul>
</li>
</ul>
</div>
</nav>
相关文章推荐
- Bootstrap小练习------插件系列
- ASP.NET MVC使用Bootstrap系列(1)——开始使用Bootstrap
- 解决easyui和bootstrap兼容问题
- 【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板
- bootstrap栅格布局
- bootstrap 全局 CSS 样式
- bootstrap.css和esayUi.css样式冲突的解决
- 从 Bootstrap 2.x 版本升级到 3.0 版本
- BootStrap - FileUpload美化样式
- Bootstrap JavaScript 插件概览
- bootstrap3 文件上传插件fileinput中文说明文档
- ASP.NET MVC Bootstrap极速开发框架
- bootstrap初接触
- 基于jquery,bootstrap数据验证插件bootstrapValidator 教程
- Bootstrap之Carousel不能自动播放的解决办法,支持左右滑动手势
- bootstrap modal 弹窗 数据清除
- bootstrap datetimepicker 插件语言选择
- Bootstrap例子——下拉菜单
- 为bootstrap的tab增加请求操作
- Bootstrap JQuery wizard steps流程插件