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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap – 如何在navbar类中添加徽标?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在导航栏品牌的顶部导航栏中添加一个徽标.我希望它与视口大小一起缩放,所以我使用的是img-responsive2类.

似乎navbar-brand中的图像和文本都包装到下一行.

页面可在@L_301_0@查看

在此先感谢您的帮助.

这是我的代码

HTML

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

CSS

  1. .navbar {
  2. margin: 10px 0;
  3.  
  4. }
  5. .navbar-default {
  6. background-color: #fff;
  7. border-color: #fff;
  8. }
  9. .brand-name {
  10. font-family: 'Josefin Slab',serif;
  11. font-size: 47px;
  12. font-weight: bold;
  13. color: #444;
  14. text-decoration: none;
  15. }
  16.  
  17. .nav-container {
  18. padding-top: 8px;
  19. }
  20.  
  21. .navbar-custom {
  22. font-size: 20px;
  23. background-color: #FFF;
  24.  
  25. }

解决方法

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

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

Bootstrap – How to add a logo to navbar class?

猜你在找的Bootstrap相关文章