Toggle button collapse not working in Bootstrap navbar in bootstrap

Here is my navbar created by bootstrap Why the button doesn't work in small sizes?

I've compared my navbar with bootstrap several times. why it doesn't work?

<div class="navbar-wrapper"> <div class="container container-class> <nav class=" navbar navbar-fixed-top "> <div class="navbar-inner "> <div class="header-customer-support-nayan07 "> <h4>Telephone</h4> <p>982144556633+</p> </div> <div class="collapse navbar-collapse "> <ul class="nav navbar-nav "> <li class="active "><a href="# ">Home</a></li> <li class="dropdown "> <a href="# ">Pages <span class="caret "></span></a> <ul class="dropdown-menu "> <li><a href="# ">Page 1-1</a></li> <li><a href="# ">Page 1-2</a></li> <li><a href="# ">Page 1-3</a></li> </ul> </li> <li><a href="# ">Products</a></li> <li><a href="# ">Blog</a></li> <li><a href="# ">Contacts</a></li> </ul> </div> <button class="navbar-toggle " aria-controls="navbar " aria-expanded="true " data-target=".nav-collapse " data-toggle="collapse " type="button "> <span class="sr-only ">Toggle navigation</span> <span class="icon-bar "></span> <span class="icon-bar "></span> <span class="icon-bar "></span> </button> </div>

-------------Problems Reply------------

Change :

<a href="#">Pages<span class="caret"></span></a>

with:

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages <span class="caret"></span></a>

EDITED

There was some issues with your html:

Found unclosed class: <div class="container container-class>

data-target=".nav-collapse"

have to be

data-target=".navbar-collapse"

Now it works:

<div class="navbar-wrapper">
<div class="container container-fluid">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="navbar-inner">
<div class="header-customer-support-nayan07">
<button class="navbar-toggle" aria-controls="navbar" aria-expanded="true" data-target=".navbar-collapse" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h4>Telephone</h4>
<p>982144556633+</p>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
<li><a href="#">Products</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>

</div>
</nav>
<div class="header-logo"></div>

</div>

Category:javascript Views:12 Time:2018-12-24

Related post

  • Ajax toggle button extender not working 2011-10-30

    <asp:CheckBox ID="CheckBox1" OnCheckedChanged="CheckBox1_CheckedChanged" runat="server" Text="Toggle Visibility" AutoPostBack="true"/> and an Ajax toggle button extander: <ajaxToolkit:ToggleButtonExtender ID="Ext1" CheckedImageAlternateText=

  • toggle button visibility not working 2012-04-04

    I have a webbrowser that uses a simple forward and backward navigation scheme, and may also refresh or stop navigation if the user so choses. All navigation is working correctly, but my issue arises when I try to toggle the 'refresh' and 'stop' butto

  • First Toggle button is not making influence on the second 2011-10-04

    I have small issue and that is I am now working with toggle button and the first toggle button is for day or night indication and second toggle button is for indication of light is on or off. Then my requirement is when it is day then second toggle b

  • Access Conditonal Formatting button does not work 2013-07-14

    I use Access on my laptop and desktop. I can add Conditional Formatting to a report field using the Conditional Formatting button on my desktop. But when I try the same operation on my laptop the button does not work. It is highlighted not grayed. I

  • Left Ctrl, Underscore, Del, + buttons are not working, Windows 8 2013-12-20

    Left Ctrl, Underscore, Del, + buttons are not working, While the left Ctrl Key is working well. I'm Using Dell laptop and I'm using it's keyboard. My OS is windows 8. I've been trying some changes lately, I tried to change keyboard layout, changing l

  • toggle keys will not work Windows 7 2014-10-15

    The toggle keys have quit working on my 64-bit windows 7 home premium system. I go to control panel, "ease of access", "make the keyboard easier to use", check the toggle keys box, hit the apply and ok buttons, there is no sound even after reboot. Af

  • Button STILL not working with FLASH CS4 2010-04-27

    Okay, I have absolutely NO Compiler/Output errors anymore...however, the buttons are still not working? Any suggestions? Replay_btn.addEventListener(MouseEvent.CLICK; replay); function replay(event:MouseEvent):void{ gotoAndPlay(25); } WHAT THE HELL I

  • I add buttons on scrollview but buttons are not working 2010-04-27

    I am new in iphone.I added 10 buttons on the scrollview.Buttons are scroll properly,but only 5 buttons are working last five buttons are not working.please suggest me what i do next. --------------Solutions------------- It sounds like it could be one

  • MediaController Play button is not working? 2011-06-29

    i use the code from the link, http://androidcookbook.com/Recipe.seam?recipeId=1399 where the media player is use to play the audio, media controller is appear as anchor view of layout, the problem is while clicking the layout media controller is appe

  • Facebook like button is not working 2011-07-10

    I have 2 sites where Facebook like button is not working: http://www.mantrazdrowia.pl/przepisy/slodkosci/sernik-truskawkowy/ - I would like to like that url (tried to like it even from FB code generator - http://developers.facebook.com/docs/reference

  • youtube embed - fullscreen button does not work 2011-07-24

    recently I discovered issues with embedded youtube videos on my site - the fullscreen-button does not work anymore. It sure did once. The button is visible, but when clicked, nothing happens. I'm using the Youtube Javascript API to embed videos in my

  • Dialog close buttons will not work if page loaded into dialog contains references to jQuery also 2011-09-11

    I have a dynamic dialog being created that loads a page. The close buttons do not work on it. Here is the example of the buttons not working: http://www.tanela.com/testbin/dialogtest1.html I know what the problem is, I just do not know the solution.

  • Setting focus on a button is not working 2011-10-18

    I am trying to set the focus to a button while the user presses the Enter key in the text box. But it is not working. I am using the Internet Explorer 8 browser. Am I missing something? $("input.Box").live('keydown', function(e) { if (e.keyCode == 13

  • Back Button does not work with TabActivity and Group Activity 2011-12-11

    I have a problem with back button in the tabactivity and group activity. Now I have a 4 tab, in a tab I have one more activity. The back button doesn't work with group activity and tabactivity. How can I make this work? Here is my code: for tabbar pu

  • Google plus button is not working using " addthis " 2011-12-28

    I recently use this code. <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4ef86ce41df36324"></script> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_tweet

  • touchpad not working hit keyboard button still not working 2012-01-01

    what is this --------------Solutions------------- Hey orshlock, What is the make and model number of your laptop? Many laptops comes with function key Fn which, if used in conjunction with keys such as F1, F2 etc deactivates the touchpad. Reading you

  • My computer is stuck on the Welcome screen and the power button does not work. How can I turn it off (and on)? 2012-01-05

    My computer is a Windows XP laptop. It actually worked fine this morning, but now my power button does not work and the computer is not starting up properly. --------------Solutions------------- Hi, Its better to contact the computer manufacturer as

  • playframework, enter works, but clicking button does not work-what's wrong? 2012-02-04

    I have this very simple html page I ported from seam to playframework....the enter key works and I see a log printed telling me the email, but clicking the input button does not work. any ideas what is wrong with my html? I thought I had this matchin

  • Jquery Mobile Back Button is not working 2012-02-08

    Can anybody help me and show me why in this code the back button is not working? I tried it on Chrome and also on Safari via Electric Mobile Simulator (http://www.electricplum.com/dlsim.html). I tried it also with the global setting with javascript (

  • how come the current view button does not work? 2012-03-27

    How come the current view button does not work? --------------Solutions------------- Sorry, I have no idea what you are asking; please provide some details, and/or a screenshot if possible: https://forums.adobe.com/thread/1070933

  • JQuery link button does not work returned from PHP, but does work if not 2012-04-09

    I have a button that does not work in jquery. A button is passed from php to Jquery using json object. I have removed all other code just the button to test to try and solve this. I create the same link and place it on my page in php. when the link i

  • Windows Explorer repeating message__Today, desktop has no taskbar/toolbar at bottom __Start button does not work when it is there.__When it is visible, it is frozen and unresponsive 2012-08-23

    We have Windows XP Home Edition, service Pack 3, installed windows explorer 7 in 09 For the past week I constantly get a pop up message box from Windows Explorer (even before Windows Explorer comes up on my screen)that says they have encountered a pr

  • Start Burn button does not work(greyed out) in Media Player 11 2013-04-05

    Original Title: In windows media player I've created a burn list but my Start Burn button does not work. (still grey) In windows media player I've created a burn list but my Start Burn button does not work. (still grey) --------------Solutions-------

  • The volume keys on my computer do not work I can change the volume by using the volume mixer but the f9 7 f10 buttons do not work 2012-01-04

    original title: volume keys The volume keys on my computer do not work I can change the volume by using the volume mixer but the f9 7 f10 buttons do not work --------------Solutions------------- What PC/Laptop (make, name and model number) ? On-going

  • Access 2010 Database commands/buttons will not work in Access 2013 2012-01-12

    Have several databases that I created over the years that started with Access 2000. Converted to Access 2010 and everything worked fine. Just upgraded to Access 2013 and the databases will load, but all of the commands and/or buttons will not work. C

Copyright (C) dskims.com, All Rights Reserved.

processed in 0.235 (s). 11 q(s)