html - 无法将文本区域设置为宽度 : 100% using bootstrap

Question

我正在尝试将 rails 中的文本区域设置为其容器的宽度。我已经测试过 css 在 textarea 上工作。

表单 View :

<%= form_tag("/pages/thank_you") do %>
      <div class="row">
        <div class="col-md-6">
          <div class="input-group">
              <%= text_area_tag :message, nil, class: 'form-control text-area-wide', placeholder: 'Enter Message' %>
          </div>
        </div>
      </div>
      <%= submit_tag 'Send Message', class: 'btn btn-success' %>
  <% end %>

CSS:

.text-area-wide {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

Answer 1

在 Bootstrap 中，您应该使用 col 类代替固定宽度，以保持响应式设计将 col 更改为 col-md-12

 <div class="row">
        <div class="col-md-12">
          <div class="input-group">
              <%= text_area_tag :message, nil, class: 'form-control text-area-wide', placeholder: 'Enter Message' %>
          </div>
        </div>
      </div>