当我们将鼠标悬停在它们上方时，如何阻止导航栏图标消失？使用bootstrap

Question

当鼠标悬停在导航栏上时，导航栏中的图标会消失。如何停止此操作并使图标变为粗体或其他内容

  <div>
     <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><i class="fa fa-envelope-o"></i>Contact</a></li>
          <li><a href=#"><i class="fa fa-linkedin-square"></i> LinkedIn</a></li>
            <li><a href="#"><i class="fa fa-file-pdf-o"></i><span>
              </span target="_blank"> Download Resume</a></li>
            </ul>
               </div>

Answer 1

没有例子（jsFiddle），很难说是肯定的。但是，请尝试在CSS文件的末尾添加此内容：a:hover {color:red;}

见到这里：jsFiddle

它对我有用。一个示例可以帮助您了解具体代码的用途。