<title>form</title>
<meta charset= "Utf-8"/>
<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1"/>
<script src= ". /file/jquery.js "type=" Text/javascript "></script>
<link href= ". /book/css/bootstrap.css "rel=" stylesheet "type=" Text/css "/>
<body>
<form class= "Form-inline" >
<fieldset>
<legend> User Login </legend>
<div class= "Form-group" >
<label> User name:</label>
<input type= "text" class= "Form-control" placeholder= "Please enter your username!"/>
</div>
<div class= "Form-group" >
<label> Password:</label>
<input type= "Password" class= "Form-control" placeholder= "Please enter your password!"/>
</div>
<div class= "checkbox" >
<label><input type= "checkbox"/> Remember password </label>
</div>
<input type= "button" class= "btn btn-default" value= "Login"/>
</fieldset>
</form>
</body>
:
Vertical form ****************************************************** *****************************
<title>form</title>
<meta charset= "Utf-8"/>
<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1"/>
<script src= ". /file/jquery.js "type=" Text/javascript "></script>
<link href= ". /book/css/bootstrap.css "rel=" stylesheet "type=" Text/css "/>
<body>
<form class= "Form-horizontal" >
<div class= "Form-group" >
<label class= "Col-sm-2 control-label" > User name:</label>
<div class= "Col-sm-10" >
<input type= "text" class= "Form-control" placeholder= "Please enter your username!"/>
</div>
</div>
<div class= "Form-group" >
<label class= "col-sm-2 control-label" > Password:</label>
<div class= "Col-sm-10" >
<input type= "Password" class= "Form-control" placeholder= "Please enter your password!"/>
</div>
</div>
<div class= "Form-group" >
<div class= "Col-sm-offset-2 col-sm-10" >
<div class= "checkbox" >
<label><input type= "checkbox"/> Remember password </label>
</div>
</div>
</div>
<div class= "Form-group" >
<div class= "Col-sm-offset-2 col-sm-10" >
<input type= "button" class= "btn btn-default" value= "Login"/>
</div>
</div>
</form>
</body>
:
Develop bootstrap from form cases