Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 我正在使用引导创建导航栏,但它不是';但是,其他类型的引导程序工作正常_Php_Html_Css - Fatal编程技术网

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上搜索,但没有帮助。所以如果你能告诉我怎么做的话?我非常乐意这么做:)