css - 如果在 Twitter Bootstrap 2.0 中多次使用，为什么我的图标会溅满？

Question

请看这张图片。

当我使用一个图标时，一切正常，但当我这样做时，事情变得疯狂，即使用不止一次:

 <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 元素也会获取图像:

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