这是我的完整代码。我也删除了我的css文件。但导航栏仍然显示为垂直。我的引导版本是“Bootstrap v3.3.7”。请帮我引导水平导航栏不起作用。显示为Verticle
<!DOCTYPE HTML>
<html lang="en-us">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>::xxxxxxx ::</title>
<link href="../css/sample.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="js/bootstrap-filestyle.min.js"> </script>
</head>
<body>
<div class="container-fluid">
<div class="row" style="text-align:center">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- your navbar here -->
<div id="navbar" class="navbar-collapse navbar-right collapse hover-effect">
<ul class="nav navbar-nav">
<li><a href="#about">ABOUT</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#gallery">GALLERY</a></li>
<li><a href="#plans">PLANS</a></li>
<li><a href="#faq">FAQs</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<script src="../bootstrap/js/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
请保留您的标签的主题。你所拥有的大多数都不相关。另外,你使用的是什么版本的Bootstrap?除了疯狂的猜测之外,你并没有真正提供足够的信息。 –
Bootstrap v3.3.7 –