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

Closed
paulocoghi opened this Issue Jun 4, 2012 · 3 comments

Projects

None yet

4 participants

@paulocoghi

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>
</ul>

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>
</ul>

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

@MGaetan89

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
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
Member
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