rails bootstrap提交按钮未正确显示

Question

我正在开发一个rails web app，登录页面如下：

如您所见，Submit按钮中只有一半显示在底部。这是html.erb代码：

  <div class="panel-body">
    <%= form_for(resource, as: resource_name, url: session_path(resource_name), html:   { role: "form" }) do |f| %>
      <div class="form-group required">
        <%= f.label :account_numb, '请输入学号或工号：' %>
        <%= f.text_field :account_numb, autofocus: true, class: "form-control" %>
      </div>

      <div class="form-group required">
        <%= f.label :password, '密码：' %>
        <%= f.password_field :password, autocomplete: "off", class: "form-control" %>
      </div>

      <% if devise_mapping.rememberable? -%>
        <div class="field">
          <%= f.check_box :remember_me %>
          <%= f.label :remember_me %>
        </div>
      <% end -%>

      <%= f.submit  t('.sign_in', default: "Sign in"), class: "btn btn-primary btn-block" %>

    <% end %>
  </div>

我检查过scss文件是这样的：

$btn-primary-color:              #fff;
$btn-primary-bg:                 $brand-primary;
$btn-primary-border:             $gray-lighter;
  .btn-primary {
   &:hover, &:focus, &:active, &:active:hover, &:active:focus {
   background: $brand-light !important;
   border-colorbackground: $brand-light !important;
     }
   }

我用谷歌搜索但没有运气，也许这只是一个新手的错误，但请帮忙。 PS：我为这个应用程序使用了Devise模板，模板运行正常。我唯一能想到的是我做了一个＆＃34;捆绑更新＆＃34;。

Answer 1

这不是关于rails，但你可以尝试这样的事情：

.btn-block {
    padding: 10% 0;
    /* define here */
}

此外，您还可以根据需要定义宽度，高度等的其他值。