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

请看这张图片

当我使用一个图标时，一切正常，但当我这样做时，情况变得更糟，即使用多次：

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

您没有关闭第一个图标标签，因此您的其他

li

元素也将获得图像：

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

您的第一行有一个未关闭的

i

标签。谢谢，我想我以前已经找到了。谢谢anyway@AliGajani注意到，一个用户在我之前几分钟发表了评论。你能以答案的形式发布你的结果，并通过在旁边勾选绿色复选标记来批准吗？这样我们就可以关闭此线程，它可以在以后帮助其他具有相同问题的海报。