[ad_1]
Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –
Bootstrap Tutorial for Beginners – 8 – Navbar Toggle Button
by
Tags:
Comments
31 responses to “Bootstrap Tutorial for Beginners – 8 – Navbar Toggle Button”
-
Hi thanks for the tutorial, there is any way to put the toggle button on the left side of the nav bar?
-
Thx
-
how can you put the navbar-brand at the center?
++++++++++++++++++++++++++++++++++++++++++++++
Home…..About Us…… Contact Us……………………….NAVBARBRAND……………………………………Logout++++++++++++++++++++++++++++++++++++++++++++++
-
There is a glyphicon for the hamburger icon:
<span class=" glyphicon glyphicon-menu-hamburger" aria-hidden="true" style="color:white"></span> -
Film
-
Tutorials great. Burger is delicious BUT when I click on it, no navigation shows. Just the burger with no links. How do we get it to open up and link to "home" "About" "contact" or whatever? – Thanks
-
thumbs up to that burger button lol
-
I dont get it working on my own Phone. I only get this toggle menu when scaling my desktop browser. Any ways to fix this?
-
Anyone else find this tutorials like "copying code from Google" ? :S
-
Thanks Bucky 🙂
-
there is a font awesome icon for the collapse button, it's called bars. <i class="fa fa-bars"></i>
edit: there is an icon in bootstrap: <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
-
Drop Down Menu Isnt working in any Browser!
-
If you're not getting the mobile menu to pop open — make sure you have your JQuery CDN in your header
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Also.. make sure that is above the lines of code that have the Bootstrap CDN stuff since Bootstrap requires Jquery to work — good luck!
-
how can i change the active color? i change the navbar color but i need the active. PLEASE HELP
-
God you are so good.
-
My Navbar will expand when clicking the burger icon but not collapse when clicking again. Nothing in the console log either. Any ideas or is anybody else having this problem?
-
You wrote button 1st and THENEWBOSTON 2nd. How come its showing NEWBOSTON 1st and then button on the left ?? Please help
-
the navbar toggle isn't working in any browser. I used Notepad + and Dreamweaver, but neither of the browser previews activate the toggle feature.
-
Hey
I got the icon and the list doesn't show. However, the menu will not drop down. Is there a resolution to this issue? This is the same for the dropdown menu in lesson 7 as well.
Thank you! -
What if i want that collapse without shrinking the window size?
How can i get that collapse button on desktop size? -
Hey Boston – I did this effect and now when the viewport shrinks it the toggle icon pops up, but for some reason the menu items don't dropdown when I select the toggle icon. What gives?
Here's the Code:
<nav class='navbar navbar-default'>
<div class='container-fluid'><!
-LOGO->
<div class='navbar-header'>
<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='#mainNavBar'>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a href='index.html' class='navbar-brand'>aB</a>
</div><!– Menu Items –>
<div class='collapse navbar-collapse' id='mainNavBar'>
<ul class='nav navbar-nav navbar-right'>
<li class='active'><a href='#'>portfolio</a></li>
<li><a href='#'>about</a></li>
<li><a href='#'>contact</a></li>
</ul>
</div>
</nav> -
@thenewboston
i have several pages which i kept in a folder when i run any of the page in that folder that toggle button doesn't work
my main page is outside the folder
please help -
These tutorials are great, easy to follow and I feel like im blasting through them. Thanks a lot.
-
How do you change the color of the toggle button when you hover over it? And the border color of it please?
It's also moving my logo down and if I do a "fixed" position on my logo then the toggle button hides behind it when the screen gets small enough. Help please. Thanks!Ok help with just the logo please. I found where the bg color is! =D
-
Sneaky "#" infront of the data-target caught me
-
Would it not be easier to use a glyph…
glyphicon glyphicon-menu-hamburger
-
nav bar menu didn't toggle even though I've included latest jQuery
-
You could have also used the built-in Glyphicons for the toggle instead of each line, specifically "glyphicon glyphicon-menu-hamburger" as the style for one span.
-
My navbar isn't collapsing. I have copied the code exactly. Can you please post full code on forum please?
-
More More More!!!
-
Bucky 🙁
I want these videos before…:(
Leave a Reply