Bootstrap - How to add a logo to navbar class?

Question

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

Answer 1

For those using bootstrap 4 beta you can add max-width on your navbar link to have control on the size of your logo with img-fluid class on the image element.

 <a class="navbar-brand" href="#" style="max-width: 30%;">
    <img src="images/logo.png" class="img-fluid">
 </a>