javascript - bootstrap toogle button not working when i click -


here code.kindly correct me m wrong, m new bootstrap.

the toggle button not work in responsive

kindly guide ...

<!--<link href="css/style.css" rel="stylesheet">--> <link href="css/style.css" rel="stylesheet"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-theme.css" rel="stylesheet"> <link href="css/bootstrap-theme.min.css" rel="stylesheet"> <script type="text/javascript" src="js/bootstrap.js"></script> <!--<script type="text/javascript" src="js/bootstrap.min.js"></script>-->  <body>     <nav class="navbar navbar-default" role="navigation">         <div class="container-fluid">         <!-- brand , toggle grouped better mobile display -->         <div class="navbar-header">             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".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="#">menu</a>         </div>         <!-- collect nav links, forms, , other content toggling -->         <nav class="navbar-collapse nav-collapse in" style="height: auto;">             <ul class="nav nav-pills nav-justified sf-js-enabled" id="navigation">                 <li class="current"><a class="btn" href="index.html">home</a></li>                 <li><a class="btn" href="our-advisors.html">our advisors</a></li>                 <li><a class="btn" href="destinations.html">destinations</a></li>                 <li><a class="btn" href="special-deals.html">special deals</a></li>                 <li><a class="btn" href="gift-registery.html">gift registery</a></li>                 <li><a class="btn" href="philantrophy.html">philantropy</a></li>                 <li><a class="btn" href="contact.html">contact us</a></li>             </ul>         </nav>         </div><!-- /.container-fluid -->     </nav> </body> 

this jquery file required jquery functions work. below file link missing.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

add above line script work fine........


Comments

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

inno setup - TLabel or TNewStaticText - change .Font.Style on Focus like Cursor changes with .Cursor -