rails表单中的CSS问题

Question

我正在尝试使用以下 CSS 将我的 rails 表单设置为具有 border-box。但似乎 css 并没有应用于我的领域，我不知道为什么。

注意：我最近将我的应用从 Bootstrap 2.3 更新到了 Bootstrap 3.1。不确定这是否有任何影响，但我认为值得一提。

查看

  <%= f.label :name %>
  <%= f.text_field :name %>

  <%= f.label :website %>
  <%= f.text_field :website %>

  <%= f.label :primary_field %>
  <%= f.select :primary_field, @primary_field %>

  <%= f.label :address %>
  <%= f.text_field :address, :placeholder => '123 Test St, City State Zip'%>

  <%= f.label :description %>
  <%= f.text_area :description, :size => "30x5" %>

  <%= f.submit "Add Company", class: "btn btn-large btn-primary" %>

CSS.SCSS 文件

@mixin box-sizing($box-model) {
  -webkit-box-sizing: $box-model; // Safari <= 5
     -moz-box-sizing: $box-model; // Firefox <= 19
          box-sizing: $box-model;
}

....

input, textarea, select, .uneditable-input, {
  border: 1px solid #bbb;
  width: 100%;
  margin-bottom: 15px;
  @include box-sizing(border-box);
}

输出图片这些框应该更大

Answer 1

显然，您需要在 CSS 中进行一些更改才能使其像以前一样工作。找到从 Bootstrap 2.x 到 3.x 的迁移指南。尝试关注此guide。