我怎样才能改变twitter-bootstrap textarea cols？
如果我更改：行的值，它的工作原理。 但它保持在默认的cols，我用'：cols =>'设置的值。 列宽不会改变。
我查看了html源代码，它反映了这个变化。 我不知道引导的CSS可能是嫌疑犯…
HTML（在最终的HTML中有一个“cols =”，但列宽停留在默认值，这是30.我不相信我的眼睛！）
<textarea cols="100" id="comment_body" name="comment[body]" rows="5"></textarea> 扶手：
<%= form_for([@post, @post.comments.build]) do |f| %> <div class="field"> <i class="icon-user"></i> <%= f.text_field :commenter %> </div> <div class="field"> <i class="icon-comment"></i> <%= f.text_area :body, :rows => 5, :cols => 100 %> </div> <div class="actions"> <%= f.submit %> <div> <% end %>
其他答案不适合我。 这样做：
<div class="span6"> <h2>Document</h2> </p> <textarea class="field span12" id="textarea" rows="6" placeholder="Enter a short synopsis"></textarea> <button class="btn">Upload</button> </div>
注意span12与span6的div。
更新：从Bootstrap 3.0开始，下面介绍的用于设置input元素宽度的input-*类被删除。 而是使用col-*类来设置input元素的宽度。 文档中提供了示例 。
在Bootstrap 2.3中，你可以使用input类来设置宽度。
<textarea class="input-mini"></textarea> <textarea class="input-small"></textarea> <textarea class="input-medium"></textarea> <textarea class="input-large"></textarea> <textarea class="input-xlarge"></textarea> <textarea class="input-xxlarge"></textarea> <textarea class="input-block-level"></textarea>
查找文档中的示例 “控件大小调整”。
但对于高度，我认为你仍然会使用rows属性。
只需将引导程序“row-fluid”类添加到textarea。 它会延伸到100％的宽度;
更新：对于bootstrap 3.x使用“col-xs-12”类为textarea;
更新二：另外，如果你想扩展容器到全宽使用：容器stream体类。
我在VS2013生成的site.css中find了以下内容
/* Set width on the form input elements since they're 100% wide by default */ input, select, textarea { max-width: 280px; }
要在特定元素中覆盖此行为，请添加以下内容…
style="max-width: none;"
例如：
<div class="col-md-6"> <textarea style="max-width: none;" class="form-control" placeholder="a col-md-6 multiline input box" /> </div>
我不知道这是否是正确的方法，但我做到了这一点：
<div class="control-group"> <label class="control-label" for="id1">Label:</label> <div class="controls"> <textarea id="id1" class="textareawidth" rows="10" name="anyname">value</textarea> </div> </div>
并把它放在我的bootstrapcustom.css文件中：
@media (min-width: 768px) { .textareawidth { width:500px; } } @media (max-width: 767px) { .textareawidth { } }
这样它就根据视口resize。 似乎在一个大的浏览器和一个小型的移动设备上很好地排列一切。
这适用于我的twitter引导2和simple_form 2.0.4
结果是span9行中的span6文本区域
<div class="row" > <div class="span9"> <%= f.input :some_text, :input_html => {:rows => 5, :placeholder => "Enter some text.", :class => "span6"}%> </div> </div>
另一个select是分离Site.css中的textarea，如下所示：
/* Set width on the form input elements since they're 100% wide by default */ input, select { max-width: 280px; } textarea { /*max-width: 280px;*/ max-width: 500px; width: 280px; height: 200px; }
也（在我的MVC 5）添加引用到textarea：
@Html.TextAreaFor(model => ................... @class = "form-control", @id="textarea"............
它为我工作
