导航
2015-09-24 15:43
232 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<!-- <link rel="stylesheet" type="text/css" href="foo.css"> -->
<script src="foo.js"></script>
<script src="jquery-1.11.3.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<ul class="nav nav-tabs" id="mytab">
<li role="presentation" class="active"><a href="#">home</a></li>
<li role="presentation"><a href="#">html</a></li>
<li role="presentation">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
php
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
</ul>
</li>
</ul>
<br>
<ul class="nav nav-pills nav-justified" id="mytab">
<li role="presentation" class="active"><a href="#">home</a></li>
<li role="presentation" class="disabled"><a href="#">html</a></li>
<li role="presentation"><a href="#">php</a></li>
</ul>
<br>
<ul class="nav nav-pills nav-stacked" id="mytab">
<li role="presentation" class="active"><a href="#">home</a></li>
<li role="presentation"><a href="#">html</a></li>
<li role="presentation"><a href="#">php</a></li>
</ul>
</div>
<script>
$("#mytab a").click(function(e){
$(this).tab("show");
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<!-- <link rel="stylesheet" type="text/css" href="foo.css"> -->
<script src="foo.js"></script>
<script src="jquery-1.11.3.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<ul class="nav nav-tabs" id="mytab">
<li role="presentation" class="active"><a href="#">home</a></li>
<li role="presentation"><a href="#">html</a></li>
<li role="presentation">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
php
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
</ul>
</li>
</ul>
<br>
<ul class="nav nav-pills nav-justified" id="mytab">
<li role="presentation" class="active"><a href="#">home</a></li>
<li role="presentation" class="disabled"><a href="#">html</a></li>
<li role="presentation"><a href="#">php</a></li>
</ul>
<br>
<ul class="nav nav-pills nav-stacked" id="mytab">
<li role="presentation" class="active"><a href="#">home</a></li>
<li role="presentation"><a href="#">html</a></li>
<li role="presentation"><a href="#">php</a></li>
</ul>
</div>
<script>
$("#mytab a").click(function(e){
$(this).tab("show");
});
</script>
</body>
</html>
相关文章推荐
- react源码分析
- grunt合并压缩js,css文件
- placeholder样式写法
- 解决 Android中用里ScrollView 之后 Activity 中的 onTouchEvent 失效问题
- The Log-Structured Merge-Tree(译):上
- mysql读写分离(一)----------mysql安装
- 黑马程序员-----------Objective-C基础-----------OC简介
- 不得不了解的四大作用域:application,session,request,page
- 背包问题
- apache不记录指定格式元素的日志
- sed与awk命令小结
- mysql中的多行查询结果合并成一个
- leetcode283
- HDU 1011 Starship Troopers(树形背包)
- MySQL必知必会笔记(二)SELECT语句 检索 排序 过滤 通配符搜索 正则表达式搜索
- Android的ViewAnimator而它的子类ViewSwitcher-android学习之旅(三十三)
- angularJS中如何写控制器
- poj_1743 后缀数组
- Seek the Name, Seek the Fame---poj2752(kmp中的Next数组)
- Java输入输出流