Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap glyphicon-menu-hamburger not showing

Here is clearly defined bootstrap icon for hamburger menu: http://getbootstrap.com/components/#glyphicons-glyphs

If I use it in my html this icon is not showing, but others icon are:

<button class="btn btn-default" type="button">
    <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
</button>

Why is that?

like image 960
Incredible Avatar asked Feb 07 '15 17:02

Incredible


People also ask

How hamburger menu works in Bootstrap?

Bootstrap Hamburger Menu | How Hamburger Menu works in Bootstrap? Hamburger Menu in Bootstrap is defined as a list of links or buttons or content on the navigation bar hidden or shown simultaneously when we click a button like a triple equal on the right side of the navigation bar. Hamburger menu is nothing but navigation bar.

How to add glyphicon in Bootstrap 4?

glyphicon is not supported after bootstrap 4. bootstrap uses other packages to display icon. you can find the links in its website if you wanna to use glyphicon. install bootstrap 3. or add inside your index.html within

Why is my menu not showing when I Click on Hamburger?

Your menu won’t show when you click on the hamburger if they don’t match You should also add jQuery and the Bootstrap javascript to your pen otherwise you might run unto problems later using Bootstrap components Thank you so much!

How to display the hamburger menu in a navbar?

Simple example of hamburger menu in a navbar. Explore advanced navbar options & customization in the Navbar Documentation. By default this hamburger menu will be displayed on the left side of a navbar. MDB supports right-to-left so you can easily reverse text direction as well as this display of the navbar icon.


2 Answers

It's a matter of glyphicon version in your bootstrap version for it will be always updated so use the same version. you can check it here http://getbootstrap.com/getting-started/. it looks it is compatible in v3.3.2 and check yours.

Other possibilities:

  1. missing glyphicons font in fonts directoryc.
  2. Changes found in path of directory
like image 181
Joe Kdw Avatar answered Sep 28 '22 09:09

Joe Kdw


Jean Gkol has a point, because it looks like that your issue is probably down to your Bootstrap version. I tested at Bootply your code:

<button class="btn btn-default" type="button">
    <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
</button>

and it worked with version 3.3.2. However, once I changed the version to 3.3.1, 3.3.0 or 3.2.0 the glyphicon didn't show up. So it looks like that the hamburger glyphicon is a quite new image in the Bootstrap Component pack.

like image 31
jyrkim Avatar answered Sep 28 '22 09:09

jyrkim