css - 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 .