我想在导航栏品牌的顶部导航栏中添加一个徽标.我希望它与视口大小一起缩放,所以我使用的是img-responsive2类.
似乎navbar-brand中的图像和文本都包装到下一行.
在此先感谢您的帮助.
这是我的代码:
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;
- }
解决方法
我在另一个有效的线程上找到了一个解决方案 – 使用左拉类:
- <a href="#" class="pull-left"><img src="/path/to/image.png"></a>
感谢迈克尔在这个帖子中: