我們拿一個常見的登入介面為案例。預設情況下的form，程式碼是這樣的：
<form>
<div>
<label >Email</label>
<input type="email">
</div>
<div >
<label >Password</label>
<input type="password">
</div>
<button type="submit" >Login</button>
</form>
而通過bootstrap稍加改造，就可以看起來工工整整的很專業，程式碼是這樣的：
<form class="form-vertical">
<div>
<label >Email</label>
<input type="email" class="form-control">
</div>
<div >
<label >Password</label>
<input type="password" class="form-control">
</div>
<button type="submit" class="btn">Login</button>
</form>
只需要給form加上class=”form-vertical”，給input加上class=”form-control”，就可以出來效果。
form的class還可以設定為水平和單行，設定的值分別為form-horizontal、form-inline即可。