5

レスポンシブ レイアウトの Twitter ブートストラップ 2.3.2 で、input-prepend アイコンを使用して入力フィールドを使用可能な幅で埋める方法を知りたいですか?

ブートストラップの入力ブロック レベルのウィッチには CSS スタイルがあり、入力にアイコンを追加するまで正常に動作します... 前置入力で同じ機能を取得するにはどうすればよいですか?

<div class="control-group">
  <label class="control-label" for="inputIcon">Email address</label>
  <div class="controls">
    <div class="input-prepend ">
      <span class="add-on"><i class="icon-envelope"></i></span>
      <input class="span2" id="inputIcon" type="text" class="input-block-level">
    </div>
  </div>
</div>
<div class="control-group">
    <label class="control-label" for="inputPassword">Password</label>
    <div class="controls">
      <input type="password" id="inputPassword" placeholder="Password" class="input-block-level">
    </div>
</div>

この問題を示すコードの例を次に示します: http://jsfiddle.net/r3CyL/

4

1 に答える 1