无法将文本区域设置为宽度：使用引导程序时为100％

Question

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

表格检视：

<%= 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

在引导程序中，应使用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> 

Answer 2

在这种情况下，文本区域宽度的限制是.input-group div。 使用CSS设置该div的宽度将更改文本区域的宽度。