Twitter bootstrap 3 图像不响应添加的类

正如标题所说。这是我使用这个主题的代码

编辑整个代码的位置以使其清晰：

<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand page-scroll" href="#page-top">
              <!--  <i class="fa fa-play-circle"></i>  <span class="light">Start</span> Bootstrap -->
                 <img class="img-responsive" src="img/ssmk_logo.png">
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#weather">Weather Forecast</a>
                </li>
                <li>
                    <a class="page-scroll" href="#download">Estate Agent</a>
                </li>
                <li>
                    <a class="page-scroll" href="#contact">Stocks</a>
                </li>
                 <li>
                    <a class="page-scroll" href="#about">About Us</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

更新

使用正确的结束标记，应该可以工作。正如你们所看到的，若你们调整马拉多纳的形象，它似乎是响应。我建议您验证整个HTML，并检查是否有错误

您的html（如我们所见）缺少一个div和一个nav结束标记。您是否尝试过检查.img响应类？默认情况下，引导中的值应为：

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

---

如果目标是让你的标志进入引导导航栏，你必须以某种方式调整图像的大小。你的选择是使用CSS，或者制作一个更小的版本，提供给你的网站。我的解决方案使用CSS调整大小

img{
利润上限：-11px；
高度：40px；
宽度：45px；
}

你能把它上传到JSFIDLE中让我看看吗？你看，这张照片与导航栏的比例不符，但究竟是什么地方出了问题还不清楚。你能解释一下你想要实现什么，比如它应该是什么样子的吗。问题是，

.navbar品牌

没有定义宽度；它将扩展以容纳它的孩子。解决所有这些问题的最简单方法是什么？定义.nav品牌的宽度？是否还要在图标旁边添加文本，使其位于右侧而不是图标下方？像icon一样？@Hig将文本放在段落标记中，然后添加

navbar文本

类。您可能想考虑读取引导导航栏的文档，因为几乎所有您需要知道的内容都在那里。我的意思是它仍然在可点击链接下。对于所有这些问题，我很抱歉，我是boostrap的新手，我需要在下周完成一个简单的网站。确实有，但老实说，这是你应该自己玩的东西。这就是你学习和提高的方式。：）