Bootstrap's默認設置
個人窗體控件自動接收與一些全球性的造型Bootstrap 。
所有文本<input>, <textarea>和<select>的元素class="form-control"設置為width：100％; 默認。
對於標準的規則Bootstrap的形式：
- 添加role="form"到<form>元素（可以幫助改善無障礙使用屏幕閱讀器的人）
- 包裝標籤和表單控件中<div>與元素class="form-group" （需要的最佳間距）
- 添加class="form-control"的所有文字<input>, <textarea>和<select>元素
下面的示例創建兩個輸入字段，一個複選框一個簡單的引導的形式，和一個提交按鈕：
引導形式實例
<form role="form">
<div class="form-group">
<label for="email">Email address:</label>
<input
type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label
for="pwd">Password:</label>
<input type="password"
class="form-control" id="pwd">
</div>
<div class="checkbox">
<label><input type="checkbox">
Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form> 試一試» <form>類
| 類 | 描述 | 例 |
|---|---|---|
| .form-inline | 使<form>左對齊與inline-block的控件（僅適用於表單中viewports的至少768px寬） | 嘗試一下 |
| .form-horizontal | 對齊的標籤和表單控件組中的水平佈局 | 嘗試一下 |