Bootstrap导航栏只显示折叠编辑:固定但Navbar不折叠

编辑:

我现在已经解决了这个问题,但现在导航栏不会崩溃。

这是否表示我的媒体查询丢失了?

这些文件夹应放在哪个文件夹中 自从我添加它们并且我在我的less / css文件中找不到它们已经有一段时间了

我对网页设计很陌生,所以我的导航栏存在一些问题

这是显示罚款和崩溃罚款,但较少没有编译,因为有我的文件夹结构的问题。 当我更改bootstrappath(@bootstrappath)时,我可以再次编译我的工作,但是我的导航栏断开了。

而不是在小屏幕上显示我的默认导航栏和折叠的导航栏,当我点击它时,我的导航栏只显示一行和一个下拉菜单。

我担心这是与我改变bootstrap路径,我不知道如何解决它。 我试图改变@ grid-float-breakpoint但没有运气。

这是我的代码

 <nav class="navbar navbar-default text-center">
  <div class="container">
  <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button> 
    </div>
    <div id="navbar" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav">
        <li><a href="/">Home</a></li>
        <li><a href="/about.php">About</a></li>
         <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/services/seo.php">Search Engine Optimisation</a></li>
            <li><a href="/services/media-management.php">Social Media Management</a></li>
            <li><a href="/services/analysis.php">Analysis</a></li> 
          </ul>
        </li>
        <li><a href="/blog.php">Blog</a></li>
        <li><a href="/blog.php">Our Clients</a></li>
        <li><a href="/contact.php">Contact</a></li>
      </ul>
    </div>
  </div>
</nav>  

任何帮助非常感谢。 一切都很好,直到我找到了一台新笔记本电脑,并将这些文件转移过来,从那以后它变得相当不对。 我对此很新,所以请在我身上轻松一下! 谢谢

链接地址: http://www.djcxy.com/p/89465.html

上一篇: Bootstrap Navbar only showing collapsed edit: Fixed But Navbar not collapsing

下一篇: Bootstrap full responsive navbar with logo or brand name text