Warum werden meine Symbole bei mehr als einem Einsatz in Twitter Bootstrap 2.0 überspritzt?

Question

Siehe dieses Bild. aber

Alles funktioniert gut, wenn ich ein Symbol verwenden, wenn ich dies tun, die Dinge gehen beserk, das heißt mit mehr als einmal:

<li class="active"><a href="<?php echo base_url(); ?>">Home <i class="icon-home icon-white"></a></li> 
       <li><a href="<?php echo base_url(); ?>about">About</a></li> 
       <li><a href="<?php echo base_url(); ?>contact">Contact</a></li> 
       <li><a href="<?php echo base_url(); ?>jobs">Jobs</a></li> 
       <li><a style="color:orange;" href="logout">Logout <i class="icon-off icon-white"></i></a></li> 

Answer 1

Sie sind nicht Ihren ersten Symbol-Tag so Ihre anderen li Elemente Schließen erhalten das Bild auch:

<li class="active"><a href="<?php echo base_url(); ?>">Home <i class="icon-home icon-white"></i></a></li>