<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style type="text/css">
.a{
width: 80%;
height: 800px;
border: 1px solid black;
margin: 0 auto;
margin-top: 70px;
}
</style>
</head>
<body data-target = "#Nav" data-offset = "0" data-spy = "scroll">
<div style="width: 100px; text-align: center; border: 1px solid #C0C0C0;" class="navbar-fixed-top" id="Nav">
<ul class="nav nav-pills nav-stacked ">
<li><a href="#HTML5">HTML5</a></li>
<li><a href="#bootstrap">Bootstrap</a></li>
<li><a href="#JQuery">JQuery</a></li>
</ul>
</div>
<div id="HTML5" class="a" style="margin-top: 20px; ">
HTML5
</div>
<div id="bootstrap" class="a">
bootstrap
</div>
<div id="JQuery" class="a">
JQuery
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!--<script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-modal.js"></script>-->
<script>
</script>
</body>
</html>
4 回答
- 4 回答
- 0 关注
- 2144 浏览
添加回答
举报
0/150
提交
取消