导航器中的Navbar折叠不起作用

时间:2015-08-27 19:54:02

标签: html css twitter-bootstrap navbar collapse

当我缩小页面大小时,我的导航栏会崩溃但是,一旦它变成顶部的“汉堡包”,它会突出显示滚动但我根本无法点击它。此外,我想知道为什么我的“汉堡包”出现在导航栏的右侧而不是左侧。我想在左边。我试过改变类类型和一些css但是,我只是没有看到它的错误。

HTML:

ClassLinker::AppendToBootClassPath

CSS:

  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/stylesheet.css" rel="stylesheet">
 </head>
<body>
<div class="row">
<nav class="navbar navbar-custom" role="navigation">
<div class="navbar-header-xs">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
<span class="sr-only"> Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            </div>
            <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav">
                <li><a href="index.html"><img src= "images/QBlogo.png" /></a></li>
                <li><a href="work.html">Work</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="skills.html">Skills</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
            </div>
        <nav>
    </div>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/bootstrap.min.js"</script>

2 个答案:

答案 0 :(得分:1)

导航菜单没有任何内容

Fiddle

唯一的问题是缺少此处的结束标记<script src="js/bootstrap.min.js"</script>

<script src="js/bootstrap.min.js"></script>

应该是

order.attachments = quote.attachments 
order.save 

答案 1 :(得分:0)

您可以尝试使用以下内容来获取左侧的“汉堡包”...在您的CSS中,尝试

.navbar-custom .navbar-toggle {     
  float: left;
  margin-left:20px;
  border-color: #2f4f7f;
}

然而,它会推出菜单。