This post is a continuation of my previous post Bootstrap tutorial for blog design and already explained about fluid page design. Today let's look at the form HTML elements that comes with Twitter Bootstrap toolkit using these I made a rich registration/sign up form with validation in 10 mins . Bootstrap helps you to produce clean and highly usable applications, it will reduce larger engineering efforts and gives uniform application solutions.
Download Twitter Bootstrap Project from https://github.com/twitter/bootstrap .
Bootstrap CSS
Just include two CSS file bootstrap.css and bootstrap-responsive.css . You can use github url toohttp://twitter.github.com/bootstrap/assets/css/bootstrap.css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Page Title </title>
<meta name="viewport" content=" width=device-width, initial-scale=1.0 ">
<link href=" assets/css/bootstrap.css " rel="stylesheet">
<link href=" assets/css/bootstrap-responsive.css " rel="stylesheet">
</head>
<body>
<div class=" container ">
<div class=" row ">
<div class=" span8 ">
// Registration form code.
</div>
</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Page Title </title>
<meta name="viewport" content=" width=device-width, initial-scale=1.0 ">
<link href=" assets/css/bootstrap.css " rel="stylesheet">
<link href=" assets/css/bootstrap-responsive.css " rel="stylesheet">
</head>
<body>
<div class=" container ">
<div class=" row ">
<div class=" span8 ">
// Registration form code.
</div>
</div>
</div>
</body>
</html>
