我正在尝试使用 twitter bootstrap 简单表单重新格式化简单的默认设计登录屏幕,但我遇到了重大问题。
这是我的代码:
<h2>Sign in</h2>
<%= simple_form_for(resource, :as => resource_name, :url => session_path(resource_name), :html => {:class => "form-horizontal"}) do |form| %>
<%= form.input :email, :autofocus => true %>
<%= form.input :password %>
<%= form.input :remember_me, :as => :boolean if devise_mapping.rememberable? %>
<%= form.button :submit, 'Sign in', :class => 'primary'%>
<% end %>
<%= render "links" %>
如果我添加,我可以让标签和输入字段之间的间距正确
.form-horizontal .controls {
margin-left: 160px;
}
到我的 application.css 文件,但我在他们的示例应用程序中的任何地方都看不到这个 https://github.com/rafaelfranca/simple_form-bootstrap 并且我真的很困惑正确格式的来源。
我和这个人的代码几乎相同https://github.com/rafaelfranca/simple_form-b ootstrap/issues/6但我认为他的代码更旧。我正在使用简单的表单 2.0.2,并使用 twitter-bootstrap-rails 1.4.3 安装了引导程序。我还安装和卸载了其他几个 twitter bootstrap gem,如果有任何可能把事情搞砸的话。
编辑:如果有帮助,这是我生成的代码
登入
<form accept-charset="UTF-8" action="/admins/sign_in" class="simple_form form-horizontal" id="new_admin" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="xxx" /></div>
<div class="control-group email optional"><label class="email optional control-label" for="admin_email">Email</label><div class="controls"><input autofocus="autofocus" class="string email optional" id="admin_email" name="admin[email]" size="50" type="email" value="" /></div></div>
<div class="control-group password optional"><label class="password optional control-label" for="admin_password">Password</label><div class="controls"><input class="password optional" id="admin_password" name="admin[password]" size="50" type="password" /></div></div>
<div class="control-group boolean optional"><label class="boolean optional control-label" for="admin_remember_me">Remember me</label><div class="controls"><input name="admin[remember_me]" type="hidden" value="0" /><label class="checkbox"><input class="boolean optional" id="admin_remember_me" name="admin[remember_me]" type="checkbox" value="1" /></label></div></div>
<input class="btn primary" name="commit" type="submit" value="Sign in" />
</form>
<a href="/admins/password/new">Forgot your password?</a><br />