Php 我正在使用引导创建导航栏,但它不是';但是,其他类型的引导程序工作正常
我无法创建导航栏,我尝试了其他引导类,它们工作正常。 请提些建议好吗Php 我正在使用引导创建导航栏,但它不是';但是,其他类型的引导程序工作正常,php,html,css,Php,Html,Css,我无法创建导航栏,我尝试了其他引导类,它们工作正常。 请提些建议好吗 仔细检查课程。我能够按照此处的文档使其工作: 您的类已关闭,因为我可以很好地使用代码中的所有其他内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
仔细检查课程。我能够按照此处的文档使其工作:
您的类已关闭,因为我可以很好地使用代码中的所有其他内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="">
<meta name="keywords"
content="">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="stylesheet.css?v=<?php echo time(); ?>">
</head>
<body id="body">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>
您对Bootstrap 4.x使用了错误的代码。您的代码在Bootstrap3.x上运行
如果要使用最新引导版本的导航栏,请使用此选项
<nav class="navbar navbar-light bg-light">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item active">
<a href="" class="nav-link">Home</a>
</li>
</ul>
</div>
-
有关更多信息,请再次查看文档。看看这个例子,在浏览器中做一个“查看源代码”。它显示一个工作导航条。也请考虑更新到最新版本,如果你在页面上没有太深。@ SuryYayShanxeNa只是想知道我提供的答案是否让你走上正确的轨道?如果是,您能将其标记为正确吗?:)@finiteloop我很抱歉,当我忙于那个项目时,它完全从我的脑海中溜走了。但是你的回答真的帮助了我。非常感谢你,我很抱歉。@Shreyans saxena,很高兴听到这个消息。当你有机会的时候,你会把答案标记为正确的吗?:)@finiteloop实际上我是stackoverflow的新手,我不知道怎么做,我尝试过在Google上搜索,但没有帮助。所以如果你能告诉我怎么做的话?我非常乐意这么做:)