2013-05-07 48 views
0

目前我做以下,以獲得跨越整個寬度的DIV伸展:Strechting含量爲100%,與Twitter的引導

<div class="container-fluid banner"> 
    <div class="container"> 
     <div class="row"> 
      <div class="span12"> 
       <img src="image.png"> 
      </div> 
     </div> 
    </div> 
</div> 

在我的例子,我包裹在一個container-fluid的內容強制內容伸展到全寬。

據我所知,Bootstrap並沒有提供更好,更簡單的方法來將內容拉伸到全寬,我的方法也有一些缺點。有更好的方法來完成這個嗎?

+1

什麼是包裝div的目的之前說你有身體標籤做的事情有,之後呢?內容寬度本身不會受到影響。那麼造型背景的目的是什麼? – 2013-05-07 09:22:38

+0

我的意圖是有一個橫幅瀏覽器的窗口的全部寬度。 – 2013-05-07 09:25:14

+0

也許會在文檔的頂部添加一個額外的div,例如在此Bootstrap示例頁面上完成:http://twitter.github.io/bootstrap/examples/hero.html – 2013-05-07 09:26:51

回答

2

,如果你使用一些CSS重置,所以你必須看,因爲它是使用

.container {width: 100%} 
1

如果您願意,您可以更改container樣式。

.container {width: 100%} 

當然,您將不得不作出其他更改;但無論在CSS中做什麼都可以撤消(幾乎所有東西)。