Html 引导导航栏中未显示字体图标

我试图在“关于”链接附近的导航栏中放置一个字体很棒的图标，但它没有显示出来

这里是包含的引导和字体文件

 <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" media="screen">
  <link rel="stlyesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" media="screen">

---

您的定位标记具有css属性：

display:block;

因此，当您将图标放置在锚定标记之后时，“About”将占据整个空间块，并显示下面的图标。要解决这个问题，您可以简单地将图标包含在锚标记中

<li><a href="#">About <span class="fa fa-question"></span></a></span></li>

这是您这样做时的外观：

---

奇妙的密码笔！

<li><a href="#">About <span class="fa fa-question"></span></a></span></li>