1、輸入框input
bootstrap通過對input標籤的type屬性進行識別，得到相應的格式，所以input標籤一定要對type進行指定。另外，還需通過form-control對輸入框進行規範統一，此外，可以用placeholder對框內內容進行初始化。

<form role="form">
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter email">
<input type="text" class="form-control"
 
 placeholder="Enter userName">
</div>
</form> 

2、下拉選擇框
Bootstrap框架中的下拉選擇框使用和原始的一致，多行選擇設定**multiple**屬性的值為**multiple**。Bootstrap框架會為這些元素提供統一的樣式風格。如：

<form role="form"> //表單格式
<div class="form-group"> //類：控制元件群
  <select class="form-control"> //每個控制元件都需要（表單-控制）類
    <
 
option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
  </div>
  <div class="form-group"> 
  <select multiple class="form-control"> //多行選擇multiple
    <option
 
>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
</div>
</form>

3、文字域(textarea)

文字域和原始使用方法一樣，設定**rows**可定義其高度，設定**cols**可以設定其寬度。但如果**textarea**元素中添加了類名“**form-control**”類名，則無需設定cols屬性。因為Bootstrap框架中的“form-control”樣式的表單控制元件寬度為**100%**或**auto**。

<form role="form">
<div class="form-group">
<textarea class="form-control" rows="3"></textarea>
</div>
</form>