2015-05-21 5 views
0

Коллапс-способ не работает. (Эта часть)Bootstrap navbar не будет работать

(http://imgur.com/PWpHE1G)

Если кто-то может помочь я очень ценю это. Спасибо всем, кто пытается помочь. здесь код

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <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> 
     <a class="navbar-brand" href="#">Connor Clarke</a> 
    </div> 
    <div id="navbar" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li><a href="../index.html">Home</a></li> 
     <li class="active"><a href="#">Games</a></li> 
     <li><a href="#contact">About</a></li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</nav> 

и здесь ссылки

спасибо всем, кто может помочь

+0

Вы не закрыли тег nav. <\nav> – shammelburg

+0

У меня есть, что я не копировал его, когда ставил этот вопрос. Я задал вопрос сейчас, если у кого-нибудь есть ответ, пожалуйста, помогите! – cloudWhiz18512

ответ

1

Это отлично работает DEMO

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> 
<nav class="navbar navbar-inverse" role="navigation"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" 
     data-target="#example-navbar-collapse"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="#">Refat Rafi</a> 
    </div> 
    <div class="collapse navbar-collapse" id="example-navbar-collapse"> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">HOME</a></li> 
     <li><a href="#">Education</a></li> 
     <li><a href="#">About Me</a></li> 
     <li><a href="#">Education</a></li> 
     <li><a href="#">Skills</a></li> 
    </ul> 
    </div> 
</nav> 
+0

изменить текст меню, если хотите .. – sheshadri