2016-02-05 68 views

回答

0

正確的方法是將背景設置爲行寬度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

0

你是否對滯留在容器中的列煩惱嗎?這些列也需要連在一起。本文可能有所幫助: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

+0

我想有一半背景拆配體的寬度爲100%(見例中IMG我問)... – lzymla

+0

那好吧,是這樣的圖片? Bootstrap對此不太好,但你可以直接在主體中使用

標籤,並將列放入其中(也可以將填充從列中移除)。這不是一個很好的解決方案,但它的工作原理並不是真正無效的標記。 – sringland

+0

不,這是不好的,我需要100%寬度的背景,但其他的左側行和其他右側的行,這是沒有問題的,但我也需要一個容器的內容(默認引導寬度)在窗口居中 - 這是所有問題... – lzymla

相關問題