Twitter bootstrap 我的形象没有反应

我试图实现一个响应图像标志，但它并不总是响应。图像宽度和高度大小相同。请给我一个解决办法

<div class="navbar-header">
   <a class="navbar-brand" href="#">
     <img src="~/img/flying_logo.png" class="img-responsive">
   </a>
</div>

这对我很有用：

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

---

或者请添加您的CSS。

只需为图像添加CSS即可。下面是代码

<style>
 .navbar-header img{
   width:100%;
   height:auto;
 }
</style>`

.导航栏标题img{
宽度：100%；
高度：自动；
}
`

---

添加此css后，您的图像将响应所有屏幕。

我们可以将此css用于图像标记，如

img{ width:100%; height:auto; }

在引导css中，此标记已可用。如果没有，则添加。

---

它不会影响引导的目的。它适用于站点中的所有图像。

将div代码更改为：

<div class="navbar-header">
  <a class="navbar-brand img-responsive" href="#">
    <img src="~/img/flying_logo.png">
  </a>
</div>

你能创建一个网站来演示这个问题吗？这是一个可以用来测试和共享html/js/css代码片段的网站。非常适合帮助我们重现您的问题，而无需我们方面的任何努力。您现在发布的问题回答起来非常乏味，因为如果我们能够复制您的问题，我们需要花费大量的时间来进行设置。您不需要定制css。这个答案违背了引导的目的。谢谢你的帮助，我试着回答你的问题，但它不起作用：（你不应该为此需要自定义css。这个答案违背了引导的目的。实际上，这个css已经适用于img-responsive。谢谢你的帮助，我试着回答你的问题，但它不起作用，：（@popovitsj这就是为什么会出现“请添加您的CSS”如果它已经应用，它实际上会起作用。但我同意它不应该被需要。我同意他应该提供一个可复制的例子，但我们得到的信息是，他使用引导。我想这个答案可能会有所帮助，但这意味着他忘了包括引导css。你可以添加该部分的css作为参考吗井：

class=“img响应”

<div class="navbar-header">
  <a class="navbar-brand img-responsive" href="#">
    <img src="~/img/flying_logo.png">
  </a>
</div>