Fill full screen design with twitter bootstrap

Question

i am trying to make the screen to fully fill with the design no empty things around and also be responsive i have tried it so far.

Also want to Size of text-box and Login button.

Demo fiddle

Result Screen

Current Output

Solution 1

Following TWB 2 syntax :

replace

<div class="container">

by

<div class="container-fluid">

http://jsfiddle.net/smefhyyr/

Solution 2

Add -fluid to your container class:

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

Even then, Bootstrap adds 20px padding either side of the document, which of course - you can remove like below:

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

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

Example Fiddle: http://jsfiddle.net/qFKdF/1/

Solution 3

hope it will help you, u need to add custom div with width:100%

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

demo