无法设置jumbotron的背景

Question

我正在尝试在bootstrap jumbotron中做背景图像。我不能让图像相应地适应它的div。 div正在从容器中溢出。

这是我的HTML

<div class="jumbotron">

    <div class="jumboView left jumbotronContent"> 

        <h3>The equipment you want AND THE FINANCING TO MAKE IT HAPPEN </h3>

    </div> 

    <div class="jumboView right jumbotronImage"> 
        <h1>Images coming soon...</h1>

    </div>
</div>

我正在尝试将内容添加到内容div中。接下来我会在上面竖起一面旗帜。

Here is my css 



.jumboView {
  float: left;
  width: 50%;
  height: 100%;
  font-family: Arial,Helvetica, sans-serif;
}

.jumbotronContent {
  position: relative;
  background: #000 url('../images/Capital Machinery Corp Logo.png') center  center;
  background-size: 100%;
  /*width: 100%;
  height: 100%;

}

图像应该占据左侧。但是，它覆盖了整个div。当我发表评论时，我的div从左到右分开。