Bootstrap 3标记

Question

你能否帮助我，我如何实施以下步骤。 这是我的HTML标记：

<div class="container-fluid"> 
<div class="row"> 
    <div class="hidden-xs col-sm-3 col-md-2"> 
     <!--Navigation--> 
     ... 
    </div> 
    <div class="col-xs-12 col-sm-9 col-md-10"> 
     <img class="img-responsive" id="bg" src="img/about-us.jpg"> 
    </div> 
</div> 

我需要第二个div内的图片，作为这个div固体backgound（无需滚动和图像应居中百达）。

Answer 1

由于自举3有定心列

<div class="col-xs-12 col-sm-9 col-md-10 centered"> <img class="img-responsive" id="bg" src="img/about-us.jpg"> </div> 

Answer 2

只是一个class和id标记添加到第二个div和使用CSS与图像链接它的类。事情是这样的：

HTML：

<div class="container-fluid"> <div class="row"> <div class="hidden-xs col-sm-3 col-md-2"> ... </div> <div class="col-xs-12 col-sm-9 col-md-10" id="img-box"></div> </div>

CSS：

#img-box { background-image: url(../img/about-us.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }

Answer 3

<div class="container-fluid"> 
    <div class="row"> 
     <div class="hidden-xs col-sm-3 col-md-2"> 
     ... 
     </div> 
    <div class="col-xs-12 col-sm-9 col-md-10" id="img-div"></div> 
</div> 

#img-div{ 
background-image: url(img/about-us.jpg); 
background-position: center center; 
background-size: cover; 
}