<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet">
<meta name="viewport" content="width=device-width,initial-scale=1,maxinum-scale=1,user-scalable=no">
<body>
<nav class="navbar navbar-default" style="padding-left: 50px;padding-right: 50px;">
<div class="navbar-header">
<span class="navbar-brand">XX公司人事管理</span>
</div>
<ul class="nav navbar-nav">
<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>
<form action="https://www.baidu.com/s" class="navbar-form navbar-right">
<input placeholder="请输入搜索内容" name="wd" class="form-control"><span οnclick="$(this).parent().submit()" class="glyphicon glyphicon-search" style="margin-left: -30px;margin-top: 5px;"></span>
</form>
<span class="navbar-text">嘿嘿嘿</span>
</nav>
</body>
</html>
横向导航栏
最新推荐文章于 2023-04-05 17:37:57 发布