如何在Bootstrap 3中的导航栏内制作响应式徽标

时间:2014-01-27 17:19:29

标签: twitter-bootstrap-3

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

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

谢谢 莫妮卡

1 个答案:

答案 0 :(得分:0)

只需给予课程=&#34; img-responsive&#34;在你的图像类

www.w3schools.com这里引用了bootstrap img-resposive