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

【问题标题】：How to make responsive logo inside navbar in Boot Strap3如何在 Bootstrap 3 的导航栏中制作响应式徽标
【发布时间】：2015-06-18 15:50:26
【问题描述】：

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

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

谢谢莫妮卡

【问题讨论】：

这真是有趣的html代码......
莫妮卡的密码在哪里？
很难用导航栏品牌中的附加类“logoWidth”来判断。你应该发布一个 jsfiddle。
jsfiddle.net/brainbolt/52VtD/4

标签： twitter-bootstrap-3

【解决方案1】：

只需在您的图像类中提供 class="img-responsive"

www.w3schools.com 参考此处用于引导 img-resposive

【讨论】：