Bootstrap图像不响应

Question

我正在使用bootstrap等和背景图像添加徽标。我不知道如果我这样做是正确的，但当我调整窗口的导航栏时，它自身变得更小，但导航栏中的图像不是。有人知道为什么

HTML：

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" 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 class="logo"> 
     <img src="Image/Logo.png"/> 
     </div> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li class="active"><a href="#">Home</a></li>  
     <li><a href="#about">About</a></li> 
     <li><a href="#about">Login</a></li> 
     <li><a href="#about">Become A member</a></li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</div> 

CSS：

body { 
    background: url('../Image/BackgroundImage.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.navbar-default { 
    background-color: rgba(0, 0, 0, 0.65); 
    border-top: 0px solid rgba(0, 0, 0, 0.5); 
    border-bottom: 0px solid rgba(0, 0, 0, 0.5); 
    margin-top: 60px; 
    height: 80px; 
} 

.navbar-default .navbar-nav > li > a { 
    color: #FFFFFF; 
    font: normal normal normal 12px/1.3em 'Open Sans',sans-serif; 
    text-transform: uppercase; 
    padding:28px; 
} 

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{ 
    color: #ffcb80; 
    background-color: transparent; 
} 

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
    color: #ffcb80; 
    background-color: transparent; 
} 

.logo { 
    margin-left: 4em; 
} 

所以其我的标志DIV这是此刻不调整大小。另外我有一个关于我的背景图片的问题，通常他们不需要调整大小？我刚刚裁掉，你只能看到它的一些部分，是不是很好？或错误的编码？

Answer 1

为了使图像引导框架内响应，你需要一个类添加到图像标签：

• 类=“IMG响应”

参见这里进一步的细节白手起家文档：

• http://getbootstrap.com/css/#images

例子：

<img src="Image/Logo.png" class="img-responsive" />