使用twitter bootstrap填充全屏设计

Question

我正在尝试让屏幕完全填满设计，周围没有任何空白的东西，并且我已经尝试过它的响应。

也想要文本框大小和登录按钮。

Demo fiddle

Result Screen

当前输出

Answer 1

将-fluid添加到container班级：

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

即使这样，Bootstrap在文档的任一侧添加20px填充，当然 - 您可以删除如下所示：

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

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

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

Answer 2

遵循TWB 2语法：

替换

<div class="container">

通过

<div class="container-fluid">

http://jsfiddle.net/smefhyyr/

Answer 3

希望它能为您提供帮助，您需要使用width:100%

添加自定义div

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

demo