• LINEで送る

フォームに色を付ける

has-success , has-warning , has-error

公式サイトに Bootstrap includes validation styles for.... という記述がある事から、 validation機能(入力チェック)が出来るのだと思います。すいません、後から調べます。

それ用のカラー設定かと思われます。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="form-group has-success">
  <label class="control-label" for="email">お名前</label>
  <input class="form-control" type="text" id="text" placeholder="お名前">
</div>
<div class="form-group has-warning">
  <label class="control-label" for="email">お名前</label>
  <input class="form-control" type="text" id="text" placeholder="お名前">
</div>
<div class="form-group has-error">
  <label class="control-label" for="email">お名前</label>
  <input class="form-control" type="text" id="text" placeholder="お名前">
</div>
<div class="form-group has-success">
  <select class="form-control">
    <option>1</option>
    <option>2</option>
  </select>
</div>
<div class="has-success">
  <div class="checkbox">
    <label><input type="checkbox" value="">check 1</label>
 </div>
</div>