我目前正在使用 Bootstrap 3 框架来创建原型(prototype),我的网站标题中有一个 Logo 图像,它似乎根本没有调整大小。我给了它图像响应类,但它不影响它。
我认为该列可能没有包含图像内容。我创建了一个 fiddle (带有来自谷歌的示例标题图片)
http://jsfiddle.net/pocockn/52VtD/10157/
<!-- navbar and logo -->
<div class="navbar navbar-default" role="navigation">
<div class = "row nav-row">
<div class="col-md-10">
<div class="navbar-header">
<a class="navbar-brand" href="#"><img src ="http://slant.investorplace.com/files/2013/08/pandora-stock-logo.png" class="img-responsive"></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div> <!-- end of col md 8 -->
<div class="col-md-2">
<div class="navbar-collapse collapse">
<ul class="nav nav-stacked">
<li><a href="home.html">ROOMS</a></li>
<li><a href="about.html">PROFILE</a></li>
<li><a href="artists.html">CONTACT</a></li>
</ul>
</div> <!-- end of col md 4 -->
</div><!-- end of row -->
</div><!-- end of container -->
谢谢!
最佳答案
Demo尝试这个 我在 img 标签中添加了类“logo”,在标签中添加了“remove_pad”
.logo{
width:100%;
height:100%;
}
.remove_pad{
padding:0px !importnat;
}
关于javascript - 图像未调整 Bootstrap 3 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28277709/