html - 如何用 Twitter Bootstrap 导航栏上的图像替换品牌文本？

Question

我已尝试用图像替换品牌文本，如您在我的示例索引页中所见。但是，这会导致导航分成两行， Logo 图像在其自己的一行。我怎样才能解决这个问题？这是显示问题的页面:

http://www.clearsoftinc.com/Clearsoft/public_html/index.html

这是显示它应该是什么样子的页面(在我将文本 Logo 更改为图形 Logo 之前)。

http://www.clearsoftinc.com/Clearsoft/public_html/about.html

Answer 1

我认为这是导致问题的原因。

<img src="img/new_logo_white.png" width="15%" alt="Clearsoft Home">

width 属性导致它扩展得比它应该的多。删除它并使用 css 宽度，你应该可以开始了。

.logo{
  width: 95px;
  margin-top: 15px;
}