引导程序导航栏中的附加图像

时间:2015-12-01 23:36:22

标签: image twitter-bootstrap navbar

我最近三个月尝试研究Bootstrap 3。 一切都很好,但我想在我的导航栏中添加额外的图像(在它的右侧)。

在我看来,要直接在HTML代码中插入图片,例如: 图片   - 坏主意,我创建了一个带有背景图片,通过CSS指定,但图片没有出现在页面上......

我该怎么办? 是否可以这样做?

1 个答案:

答案 0 :(得分:0)

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <img alt="Brand" src="...">
      </a>
    </div>
  </div>
</nav>

请遵循本指南 http://getbootstrap.com/components/#navbar-brand-image

要在菜单的另一侧添加其他图像,您只需将其作为链接菜单的一部分。见例:

http://jsbin.com/mupobo/edit?html,output