加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

twitter-bootstrap – Bootstrap – 如何在navbar类中添加徽标?

发布时间:2020-12-18 00:23:01 所属栏目:安全 来源:网络整理
导读:我想在导航栏品牌的顶部导航栏中添加一个徽标.我希望它与视口大小一起缩放,所以我使用的是img-responsive2类. 似乎navbar-brand中的图像和文本都包装到下一行. 此页面可在http://digitalponddesign.com/dev/查看 在此先感谢您的帮助. 这是我的代码: HTML h2
我想在导航栏品牌的顶部导航栏中添加一个徽标.我希望它与视口大小一起缩放,所以我使用的是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;

}

解决方法

我在另一个有效的线程上找到了一个解决方案 – 使用左拉类:
<a href="#" class="pull-left"><img src="/path/to/image.png"></a>

感谢迈克尔在这个帖子中:

Bootstrap – How to add a logo to navbar class?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读