I would like to add a logo to the top navbar within the navbar-brand I would like it to scale with the viewport size so I m using img-responsive2 class It appear that both the image and the text in the navbar-brand are wrapping to the next line This page can be viewed at http digitalponddesign com dev Thanks in advance for you help Here is my code Html lt h2 class navbar-brand brand-name gt lt a href index html gt lt img class img-responsive2 src images DigitalPondlogo png gt DigitalPond lt a gt lt h2 gt 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

I found a solution on another thread that works - use the pull-left class lt a href class pull-left gt lt img src path to image png gt lt a gt Thanks to Michael in this thread Bootstrap - How to add a logo to navbar class

Bootstrap - How to add a logo to navbar class?

The Solution to Bootstrap - How to add a logo to navbar class? is

I found a solution on another thread that works - use the pull-left class:

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

Thanks to Michael in this thread:

Bootstrap - How to add a logo to navbar class?

~ Answered on 2015-02-08 17:55:05

Bootstrap - How to add a logo to navbar class?

The Solution to Bootstrap - How to add a logo to navbar class? is

Most Viewed Questions: