我想在导航栏品牌内的顶部导航栏添加一个徽标。我希望它随着视口大小而缩放,所以我使用 img-responsive2 类。
导航栏品牌中的图像和文本似乎都换行到下一行。
该页面可以在以下位置查看http://digitalponddesign.com/dev/ 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;
}
我在另一个有效的线程上找到了一个解决方案 - 使用向左拉 class:
<a href="#" class="pull-left"><img src="/path/to/image.png"></a>
感谢迈克尔在这个帖子中:
Bootstrap - 如何向导航栏类添加徽标? https://stackoverflow.com/questions/28358483/bootstrap-how-to-add-a-logo-to-navbar-class
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)