Bootstrap 3在100％寬度背景容器中的兩列

Question

任何人都可以幫助我在2列背景100％寬度的Bootstrap 3佈局中製作兩個列？

例子：

Answer 1

正確的方法是將背景設置爲行寬度50％的寬度：

HTML：

<div class="row"> 
<div class="container"> 
    <div class="col-xs-6"> 
     <h1>left</h1> 
    </div> 

    <div class="col-xs-6"> 
     <h1>right</h1> 
    </div> 
</div> 
</div> 

CSS：

.row { 
background-color: #e1e2e4; 
background-image: url('image.jpg'); 
background-repeat: no-repeat; 
background-size: 50% 100%; 
} 

bootply： http://www.bootply.com/yDCLfN2DSb

Answer 2

你是否對滯留在容器中的列煩惱嗎？這些列也需要連在一起。本文可能有所幫助：http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works

如果你想要兩列彼此相鄰，這是一種方法。

 <div class="container"> 
      <div class="row"> 
       <div class="col-lg-4"> 
       </div> 
       <div class="col-lg-4 col-lg-offset-4"> 
       </div> 
      </div> 
     </div> 

UPDATE：

爲了解決這個問題，在這裏看到：http://bootply.com/Y8SX4b3F6g