bootstrap历练实例: 垂直胶囊式的导航菜单
2015-11-25 16:43
531 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>bootstrap历练实例: 垂直胶囊式的导航菜单</title>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">Html5</a></li>
<li><a href="#">Css3</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#">jQueryUI</a></li>
<li><a href="#">Bootstrap</a></li>
<li><a href="#">C#.Net</a></li>
<li><a href="#">MsSql</a></li>
</ul>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>bootstrap历练实例: 垂直胶囊式的导航菜单</title>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">Html5</a></li>
<li><a href="#">Css3</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#">jQueryUI</a></li>
<li><a href="#">Bootstrap</a></li>
<li><a href="#">C#.Net</a></li>
<li><a href="#">MsSql</a></li>
</ul>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
相关文章推荐
- bootstrap历练实例: 基本胶囊式的导航菜单
- bootstrap历练实例:标签式的导航菜单
- 如何在requirejs下引用bootstrap
- Bootstrap按钮组件
- Bootstrap学习------按钮
- Bootstrap历练实例:基本输入框组
- Bootstrap历练实例:输入框组的大小
- bootstrap历练实例:复选框或单选按钮作为输入框组的前缀或后缀
- bootstrap历练实例:按钮作为输入框组前缀或后缀
- bootstrap学习和使用的经验总结
- JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
- bootstrap的pages控件分页获取数据
- Bootstrap每天必学之下拉菜单
- Bootstrap每天必学之栅格系统(布局)
- Bootstrap每天必学之栅格系统(布局)
- Bootstrap每天必学之下拉菜单
- bootstrap框架
- bootstrap基础(一)文本,列表,代码,表格
- Bootstrap历练实例:垂直的按钮组
- bootstrap 按钮组的嵌套