如何将背景图像放入col中

Question

为了澄清我的问题，我将附上下面的草图：

​

​

我想使用twitter引导将一个背景图像放到col中。主要的问题是如何把它放在-md-7中。它的必要条件是图像必须是可见的，在所有的地方，目的地是-md-7，其中包括100%的高度。

我是twitter引导程序的初学者，我不确定col类的高度是否可以延伸到页面的底部。如果不是，使用引导程序解决这个问题的解决方案是什么？

下面是我的代码：

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%的高度(body，html，.容器-流体等)

html,body {
    height:100%;
}

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

而且，在Bootstrap 3中没有row-fluid。