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

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

＆＃13;

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

＆＃13;

Answer 2

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

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

2 个答案: