Rails 3.2.8 アプリケーションがあり、simple_form_for gem に付属するいくつかのクラスをカスタマイズしようとしています。
複数の選択ボックスが多数あるページがあり、スペースを賢く使用するために、選択ボックスの上にラベルを表示したいと考えています。
その方法がよくわかりません。私は CSS の経験がほとんどなく、すぐに飛び込もうとしています。使用float
してある程度成功しましたが、simple_form_for を使用すると<div>
、フォーム要素のネストされたタグが大量に作成されます。<div>
したがって、私の選択ボックスは、含まれているタグの左端までしか浮かんでいません。ラベルに合わせて欲しい。レンダリングされた例を次に示します。
<div id="attribute_value_list" class="attribute_value_list">
<div class="control-group select required">
<label class="select required control-label" for="app_attribute1">
<abbr title="required">*</abbr>
Vehicle: Make
</label>
<div class="controls">
<select id="app_attribute1" class="select required select_attribute_value" size="10" name="app[attribute1]">
...
</select>
</div>
</div>
</div>