メモ

・フォーカスがうつると色が変わる、といったスタイルがあらかじめ用意されている
・「clearfixクラスで囲む」のは、以前の書き方

フォーム部品の大きさを揃える
・※「span数字」クラス

<input type="text" id="name" class="span6">

補足情報を追加 … Help text

<span class="help-inline">メモです。</span> … インライン

<span class="help-block">メモです。</span> … ブロック

エラー用レイアウトクラス … Validation states

<div class="control-group warning">

  <label class="control-label" for="inputWarning">Input with warning</label>

  <div class="controls">

    <input type="text" id="inputWarning">

    <span class="help-inline">Something may have gone wrong</span>

  </div>

</div>

 

<div class="control-group error">

  <label class="control-label" for="inputError">Input with error</label>

  <div class="controls">

    <input type="text" id="inputError">

    <span class="help-inline">Please correct the error</span>

  </div>

</div>

 

<div class="control-group info">

  <label class="control-label" for="inputInfo">Input with info</label>

  <div class="controls">

    <input type="text" id="inputInfo">

    <span class="help-inline">Username is already taken</span>

  </div>

</div>

 

<div class="control-group success">

  <label class="control-label" for="inputSuccess">Input with success</label>

  <div class="controls">

    <input type="text" id="inputSuccess">

    <span class="help-inline">Woohoo!</span>

  </div>

</div>