Html Bootstrap 3导航栏固定顶部菜单项作为图像

我正在使用Bootstrap v3.3.6创建模板。 以下是我的模板的一部分：

如您所见，我的导航栏固定在顶部，并且我还有一些菜单项，这些菜单项是图标或只是嵌入在

标记、用户信息图标和齿轮图标之间的图像

我不确定的是，如果我做得正确，我的意思是在引导程序中是否有一个特殊的类，专门用于要插入图像的菜单项。也许那些图像不应该在那里

另一个问题是，我是否应该将我的徽标图像放入

为了回答第二个问题，我将图像放在导航栏品牌锚中，然后使用检查器调整导航栏的外观。我将CSS复制到一个单独的文档中，该文档覆盖默认的引导CSS

<div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="../path/picture.jpg" alt="picture" height="90" width="180" /></a>
    </div>

---

同样，使用inspector总是比尝试然后上传CSS文档更快

为了回答第二个问题，我将图像放在导航栏品牌锚中，然后使用检查器调整导航栏的外观。我将CSS复制到一个单独的文档中，该文档覆盖默认的引导CSS

<div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="../path/picture.jpg" alt="picture" height="90" width="180" /></a>
    </div>

---

同样，使用inspector总是比尝试然后上传CSS文档更快

Glyphicons或Font awesome通常用于此类图像。Glyphicons或Font awesome通常用于此类图像。请提供一个代码示例，演示您的建议。@SnareChops我添加了我的代码示例。请把反对票倒过来，谢谢。这是一个更高质量的答案。欢迎使用堆栈溢出。请提供一个代码示例来演示您的建议。@SnareChops我添加了我的代码示例。请把反对票倒过来，谢谢。这是一个更高质量的答案。欢迎来到堆栈溢出。

.nav-bar-brand { 
    height:90px; 
    width:100%;  /*or whatever width you wanted*/ 
}