使用twitter bootstrap填充全屏设计

Question

我试图使屏幕完全填充设计没有空的东西周围也响应我到目前为止已经尝试过.

还想要大小的文本框和登录按钮.

Demo fiddle

结果屏幕

电流输出

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/