<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Davi园林-美!我喜欢</title>
<!-- 导入外部css样式-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/uos.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<span class="navbar-brand">Davi</span>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar" class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item active"><a href="#" class="nav-link">公司主页</a></li>
<li class="nav-item"><a href="#" class="nav-link">工程案例</a></li>
<li class="nav-item"><a href="#" class="nav-link">公司荣誉</a></li>
<li class="nav-item"><a href="#" class="nav-link">企业文化</a></li>
<li class="nav-item"><a href="#" class="nav-link">资讯动态</a></li>
<li class="nav-item"><a href="#" class="nav-link">英才招聘</a></li>
<li class="nav-item"><a href="#" class="nav-link">关于我们</a></li>
</ul>
<form action="" class="form-inline ml-auto">
<input type="text" class="form-control mr-2" placeholder="关键字">
<button class="btn btn-outline-secondary my-2">搜索</button>
</form>
</div>
</nav>
<br>
<br>
<!--导入外部js样式,jquery样式优先-->
<script src="js/jquery-3.5.1.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
bootstrap4之导航栏
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。