html - CSS - Bootstrap 菜单

Question

我将 Bootstrap 与 Hyde CSS 结合使用，但我在执行以下操作时遇到困难:

图标(图像)在菜单中的位置，我想在它旁边显示文本，但我似乎无法弄清楚如何使用

<ul>
  <li></li>
</ul>

这是我目前拥有的:

 <ul class="nav navbar-nav">
     <li class="home2">
      <a href="/">
       <img class="first" src="/images/home-icon.png">
       Home
      </a>
     </li>
 </ul>

产生以下内容:

有什么想法吗？

Answer 1

我想 Aeolingamenfel 的评论是正确的。我在 jsfiddle 中制作了一个示例，您可以在其中看到正在运行的显示。

JSFiddle Sample

<style>
    .homeWrong > a > img{
      display: block;
    }

    .homeRight > a > img{
      display: inline;
    }
</style>
<ul class="nav navbar-nav">
    <li class="homeWrong">
       <a href="/">
        <img class="first" src="/images/home-icon.png">
        Home
        </a>
     </li>
     <li class="homeRight">
      <a href="/">
       <img class="first" src="/images/home-icon.png">
       Home
      </a>
     </li>
 </ul>