61,110
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>Document</title>
<link rel="stylesheet" href="../bootstrap-3.3.5-dist/css/bootstrap.css">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<style type="text/css">
#d1{
float: left;
margin-top:16px;
width: 208px;
}
span{margin-left: 10px;}
.navbar-inverse .navbar-nav > li > a {color: white}
a:hover{background: white;color: black;}
</style>
</head>
<body>
<nav class="navber navbar-header navbar-fixed-top navbar-inverse" style="height: 50px">
<div class="container-fluid">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<div id="d1">
<span class="glyphicon glyphicon-fast-backward" style="color: white"></span>
<span class="glyphicon glyphicon-pause" style="color: white"></span>
<span class="glyphicon glyphicon-play" style="color: white"></span>
<span class="glyphicon glyphicon-stop" style="color: white"></span>
<span class="glyphicon glyphicon-fast-forward" style="color: white"></span>
</div>
<li><a href="#">首页</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">图片</a></li>
<li><a href="#">音乐</a></li>
<li><a href="#">小说</a></li>
<li><a href="#">大事件</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>