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; 
}