我正在尝试将 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%;
}
最佳答案
在 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>
关于html - 无法将文本区域设置为宽度 : 100% using bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29234100/