使い方 ポイントは2つ。 入力欄の左に配置する場合は入力欄の直前に、入力欄の右に配置する場合は入力欄の直後に、入力欄の両サイドに配置する場合は入力欄の直前と直後に、class属性に、input-group-addonを指定したspan要素を配置する。そのspan要素内にテキストやボタンを配置する。 入力欄(input要素)とspan要素を、class属性にinput-groupを指定したdiv要素で括る。 <div class="input-group"> <span class="input-group-addon">ユーザー名</span> <input type="text" class="form-control" placeholder="太郎"> </div>