<!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刪除。