在我的Rails应用程序中,登录页面上字段的标签太靠近字段本身,使其看起来很狭窄。我想在它们之间添加空格,但我不确定如何。
我的raails 4有simple_form,bootstrap 3和devise安装。
这是我的app/views/devise/sessions/new.html.erb
代码:
<div class="row">
<div class="col-xs-4">
<%= simple_form_for(resource, as: resource_name, url: session_path(resource_name), html: {class: "well"}) do |f| %>
<fieldset>
<legend>Log in</legend>
<%= f.input :email %>
<%= f.input :password %>
<% if devise_mapping.rememberable? -%>
<div class="field">
<%= f.input :remember_me, as: :boolean %>
</div>
</fieldset>
<% end -%>
<div class="actions">
<%= f.button :submit, "Log in" %>
</div>
<% end %>
<%= render "devise/shared/links" %>
</div>
<div class="col-xs-8">
<h2>Signing in is easy and secure</h2>
</div>
</div>
以下是整个github回购:https://github.com/yamilethmedina/wheels_registration
我一直在查看我的bootstrap.css
文件,找不到相关的课程。你觉得我接下来应该怎么做?
答案 0 :(得分:1)
您可以在自定义标签后添加带有空格的自己的标签。
<%= f.input :email, label: 'Email ' %>
<%= f.input :password, label: 'Password ' %>
或者你可以使用像chrome dev tools
这样的工具来检查标签元素,看看给出了class
标签,然后添加一些自定义css。示例.label-class { margin-right: 10px; }