5 
<%= f.check_box :openid_enabled %>
<%= f.label :openid_enabled, 'OpenID' %>

上記のコードは、この HTML を生成します

<input type="hidden" value="0" name="application[openid_enabled]">
<input type="checkbox" value="1" name="application[openid_enabled]" id="application_openid_enabled">
<label for="application_openid_enabled">OpenID</label>

ラベルは次のように表示されます

[x]
OpenID

それ以外の

[x] OpenID

それをスタイルする必要がありますか、それとも Rails ヘルパーに機能が組み込まれていますか?

追加した

Rails アプリケーションでTwitter ブートストラップCSS フレームワークを使用しています。

4

3 に答える 3

5

またはのいずれinputかlabelが次のように設定されているため、これが発生している必要があります。display: block;これらの要素を作成することで、1行で表示できますinline-

input, label{ display: inline; }
于 2012-08-20T11:08:00.520 に答える
5

以下を使用して、twitter ブートストラップ css のスタイルをオーバーライドせずに問題を修正しました。

<%= f.label :openid_enabled, class: 'checkbox' do %>
  <%= f.check_box :openid_enabled %>
  OpenID
<% end %>

次のHTMLを生成します

<label for="application_openid_enabled" class="checkbox">
  <input type="hidden" value="0" name="application[openid_enabled]">
  <input type="checkbox" value="1" name="application[openid_enabled]" id="application_openid_enabled">
  OpenID
</label>

ここに参照がありますhttp://twitter.github.com/bootstrap/base-css.html

@MyHeadHurts と @Dipaks に貴重な情報を提供していただきありがとうございます。

于 2012-08-20T11:41:58.663 に答える