twitter-bootstrap-3 - 如何在 Bootstrap 3 的导航栏中制作响应式 Logo

Question

我正在创建一个顶部固定的导航栏。希望 Logo 在导航栏中响应。
但无法实现。请指教。
下面是代码:

<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>

谢谢
莫妮卡

Answer 1

只需在您的图像类中给出 class="img-responsive"

www.w3schools.com在此处引用引导 img-resposive