Hello Bootstrappers,
I am a newbie to web development (background is into Linux embedded
systems). My brain has almost melted trying to understand CSS, and then I
found bootstrap ;)
But I am now having problem with one of the examples on the bootstrap
website. The example is described at
http://twitter.github.com/bootstrap/base-css.html#forms under the section
"Horizontal form". When I use that example the form is displayed as
described in the example, but I am not able to center the form horizontally
within the browser's viewport.How do I do that using bootstrap responsive
mechanism?
Thanks and regards,
~Plug
Following is the test html file I am using:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css"
rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<form class="form-horizontal">
<div class="control-group">
<label class="control-label"
for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail"
placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label"
for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword"
placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>
</div>
</body>
</html>
