<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bootstrap</title>
<style type="text/css">
div{
margin:10px;
}
</style>
</head>
<body>
<script src="jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css">
<script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<div>
<ul class="nav nav-tabs">
<li class="active"><a href="#">html</a></li>
<li><a href="#">css</a></li>
<li><a href="#">js</a></li>
</ul>
</div>
<div>
<ul class="nav nav-pills">
<li class="active"><a href="#">html</a></li>
<li><a href="#">css</a></li>
<li><a href="#">js</a></li>
</ul>
</div><br>
<div>
<ul class="nav nav-pills nav-stacked" style="width:200px"><!--垂直-->
<li class="active"><a href="#">html</a></li><!--活动的-->
<li><a href="#">css</a></li>
<li class="disabled"><a href="#">js</a></li><!--禁用-->
</ul>
</div><br>
<div><!--面包屑导航-->
<ol class="breadcrumb">
<li><a href="#">html</a></li>
<li><a href="#">css</a></li>
<li class="active">js</li>
</ol>
</div>
</body>
</html>
bootstrap导航
最新推荐文章于 2021-09-17 10:29:20 发布