How to make responsive logo inside navbar in Boot Strap3

Question

I am creating a fixed top navigation bar. Want your logo to respond inside the navigation bar. But failed to achieve. Please advise. Below is the code:

<div class="navbar-header">
    <button type="button" class="navbar-toggle myButton" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand logoWidth" href="#"><img src="images/TPS_logo-01.png" class="img-responsive"></a>
    <a href="#"><img src="images/btnCart.png" class="btnCart hidden-lg hidden-md"></a>
    <a href="#" class="searchIcon" data-target="searchDiv"><img src="images/btnSearch.png" class="btnCart hidden-lg hidden-md"></a>
</div>

Thanks. Monica

Answer 1

Just give class = "img-responsive" in your image class

www.w3schools.com link here for bootstrap img-resposive