引导NavBar显示问题

时间:2018-11-12 14:22:22

标签: html

我的导航栏显示不正确。菜单在另一个菜单上堆叠。任何人都可以帮助我排除此问题。我要附加我使用的代码以及浏览器中当前导航栏的显示

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>New Website</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" type="text/css" href="bootstrap-4.1.3/css/bootstrap.min.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script src="bootstrap-4.1.3/js/bootstrap.min.js"></script>		
	</head>
	<body>
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="index.html">New WebSite</a>
				</div>
				<ul class="nav navbar-nav">
					<li><a href="#home">Home</a></li>
					<li><a href="#about">About</a></li>
					<li><a href="#skills">Skills</a></li>
					<li><a href="#education">Education</a></li>
					<li><a href="#contact">Contact</a></li>
				</ul>
			</div>
		</nav>		
	</body>
</html>

0 个答案:

没有答案