用twitter引導填充全屏設計

Question

我正在嘗試使屏幕完全充滿設計，沒有空洞的東西，也是響應我已經嘗試過目前爲止。

還想要文本框和登錄按鈕的大小。

Demo fiddle

Result Screen

電流輸出

Answer 1

繼TWB 2語法：

通過

<div class="container-fluid"> 

Answer 2

希望它會幫助你，u需要添加自定義的分度width:100%

.container-full { 
margin: 0 auto; 
width: 100%; 
} 

demo

Answer 3

添加-fluid您container類：

<div class="container-fluid"> 
</div> 

即使這樣，引導增加了文件，這當然是20px填充任何一方 - 你可以刪除象下面這樣：

<style type="text/css"> 
    #full-width { 
     padding: 0; 
    } 
</style> 

<div id="full-width" class="container-fluid"> 
</div> 

示例小提琴：http://jsfiddle.net/qFKdF/1/

Answer 4

更換

<div class="container"> 

一個無恥的插頭，但我剛剛發佈了一個開源項目，正好這個問題。它很好地扮演與引導，但給你你只用幾行代碼去爲外觀：

https://github.com/rknell/snappyapps-layout

<div class="sa-container"> 
    <div class="sa-layout horiztonal"> 
     <div>Sidebar (obviously you will need to style this with colours etc)</div> 
     <div class="grow">Content</div> 
    </div> 
</div>