formタグでBootstrap.cssを使うサンプル(ver 4)

<div class="form-group">
  <label>input（type="text"）</label>
  <input type="text" class="form-control" />
</div>

<div class="form-group">
  <label>textarea</label>
  <textarea class="form-control"></textarea>
</div>

<div class="form-group">
  <label>textarea(row="5")</label>
  <textarea class="form-control" rows="5"></textarea>
</div>

<div class="form-group">
  <label>select</label>
  <select class="form-control"><option></option></select>
</div>

<div class="radio">
  <label><input type="radio" name="tmpRadio"> ラジオボタン１</label>
</div>
<div class="radio">
  <label><input type="radio" name="tmpRadio"> ラジオボタン２</label>
</div>
<div class="radio disabled">
  <label><input type="radio" name="tmpRadio" disabled> ラジオボタン３</label>
</div>

<div class="checkbox">
  <label><input type="checkbox"> チェックボックス１</label>
</div>
<div class="checkbox disabled">
  <label><input type="checkbox" value="" disabled> チェックボックス２</label>
</div>

<div class="form-inline">
  <label>input（type="text"）</label>
  <input type="text" class="form-control" />
</div>

<div class="form-inline">
  <label>inline</label>
  <input type="text" class="form-control" />
  <label><input type="checkbox"> Check me out</label>
</div>

<div class="form-inline">
  <div class="form-group">
    <div class="input-group">
      <div class="input-group-addon">$</div><input type="text" class="form-control"><div class="input-group-addon">.00</div>
    </div>
  </div>
</div>

<div class="form-inline">
  <div class="form-group">
    <div class="input-group">
      <div class="input-group-btn"><select class="form-control">
         <option value="1">鳥精</option>
         <option value="2">豚精</option>
         <option value="3">丸ごとシマウマ</option>
      </select></div>
      <input type="text" class="form-control">
      <div class="input-group-btn"><button class="btn btn-primary">送信</button></div>
    </div>
  </div>
</div>