如何把內山坳-MD

Question

爲了澄清我的問題，我會背景圖像下方附上草圖圖片：

我想放在內的背景圖像一個使用twitter-bootstrap的col-md。主要問題是如何把它放在col-md-7中。它的必備條件是，圖像必須在所有以col-md-7命名的地方都可見，並且包括100％的高度。

我是twitter-bootstrap的初學者，我不確定col-md類是否可以讓它延伸到頁面底部。如果不是，使用bootstrap解決這個問題的解決方案是什麼？

下面我的代碼：

index.html.erb

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="col-md-7"> 
      <div class="container-fluid css_image_home"></div> 
     </div> 
     <div class="col-md-5"> 
      ... 
       </div> 
    </div> 
</div> 

home.css.scss

div.css_image_home{ 
    position:absolute; 
    background:url('images/wordcloud.jpg') no-repeat top left fixed; 
} 

我希望是提供解決這個問題所需的所有信息。如果缺少某些東西，請告訴我，我會盡快提供。

此致敬禮。

Answer 1

http://www.bootply.com/125213

與背景圖像的DIV的任何容器也需要100％的高度（車身，HTML，.container流體，等等。）

html,body { 
    height:100%; 
} 

.container-fluid,.col-md-7,.row { 
    height:100%; 
} 

另外， Bootstrap 3中沒有row-fluid。