"icon-white" doesn't work inside dropdown menu #3713

paulocoghi opened this Issue Jun 4, 2012 · 3 comments


None yet

4 participants


Bootstrap version: 2.0.4 (and older)

If you want to use icons inside dropdown menus, everything works fine, like this:

<ul class="dropdown-menu">
<li><a href="option1.html"><i class="icon-bullhorn"></i>   Option 1</a></li>
<li><a href="option2.html"><i class="icon-user"></i>   Option 2</a></li>
<li><a href="option3.html"><i class="icon-briefcase"></i>   Option 3</a></li>

But, if you add "icon-white" class, most of icons don't appear (only the few appears, like -user or -home), like this:

<ul class="dropdown-menu">
<li><a href="option1.html"><i class="icon-bullhorn icon-white"></i>   Option 1</a></li>
<li><a href="option2.html"><i class="icon-user icon-white"></i>   Option 2</a></li>
<li><a href="option3.html"><i class="icon-briefcase icon-white"></i>   Option 3</a></li>

ps: Note that only the user icon appears correctly in this example.


It works fine for me, and I'm using Bootstrap 2.0.4 too ...
I didn't try with all icon provided by Bootstrap, only with the one I'm using in my project (envelope, profile, off, list-alt, ...).

mchiocca commented Jun 5, 2012

I'm also using 2.0.4 and I don't have any issues with white icons. I did notice that they seem to take a couple of seconds to load from the sprite though. Maybe that's what you're experiencing; a delay between the time you select the dropdown and the time the white icons actually appear.

mdo commented Jun 5, 2012

Just checked the bullhorn, works as expected. Make sure you have the white icon sprite available and in the correct path.

@mdo mdo closed this Jun 5, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment