Twitter Bootstrap 2.0でアイコンが複数回使用されると、アイコンが乱れるのはなぜですか？

Question

イメージを参照してください。私は1つのアイコンを使用する場合

すべてが正常に動作しますが、私はこれを行う際に、物事は複数回使用してすなわち、beserk行く：あなたの他のli要素ので、あなたはあなたの最初のアイコンタグを閉じていない

<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

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