レスポンシブ レイアウトの 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/