Bootstrap Navbar仅显示折叠编辑:已修复但Navbar未折叠

时间:2016-09-05 05:11:54

标签: twitter-bootstrap twitter-bootstrap-3 media-queries navbar

修改:

我现在已修复此问题,但现在导航栏不会崩溃。

这是否意味着我的媒体查询丢失了?

这些文件夹应该在哪个文件夹中?我添加它们已经有一段时间了,我在less / css文件中找不到它们

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

显示精细和折叠正常,但Less没有编译,因为我的文件夹结构存在问题。当我更改bootstrappath(@bootstrappath)时,我可以再次编译我的工作,但我的导航栏坏了。

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

我担心这与我改变引导路径有关,我不知道如何修复它。我试过更改@ 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>  

任何帮助非常感谢。一切都很好,直到我有一台新的笔记本电脑并将文件转移过来,从那以后它已经出错了。我对此很陌生,所以请放轻松我吧!感谢

0 个答案:

没有答案