Question

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

<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

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

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

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

1 个答案: