twitter-bootstrap - Bootstrap - 如何将 Logo 添加到导航栏类？

Question

我想在导航栏品牌的顶部导航栏中添加一个 Logo 。我希望它与视口(viewport)大小一起缩放，所以我使用 img-responsive2 类。

navbar-brand 中的图像和文本似乎都换行到下一行。

此页面可以在http://digitalponddesign.com/dev/查看

提前感谢您的帮助。

这是我的代码:

html

   <h2 class="navbar-brand brand-name">
       <a href="index.html"><img class="img-responsive2"       
       src="images/DigitalPondlogo.png">DigitalPond</a>
   </h2>

CSS

.navbar {
margin: 10px 0;

}
.navbar-default {
background-color: #fff;
border-color: #fff;
}
.brand-name {
font-family: 'Josefin Slab', serif;
font-size: 47px;
font-weight: bold;
color: #444;
text-decoration: none;
}

.nav-container {
padding-top: 8px;
}

.navbar-custom {
font-size: 20px;
background-color: #FFF;

}

Answer 1

我在另一个有效的线程上找到了一个解决方案 - 使用 向左拉 类(class):

 <a href="#" class="pull-left"><img src="/path/to/image.png"></a> 

感谢 Michael 在这个线程中:

Bootstrap - How to add a logo to navbar class?