Textarea 宽度不起作用，但偏移量起作用

【问题标题】：Textarea width does not work, but offset doesTextarea 宽度不起作用，但偏移量起作用
【发布时间】：2013-02-24 12:19:58
【问题描述】：

这是我的代码（见小提琴here）：

<div class='container'>
    <div class='row'>
        <div class='offset1 span5'>
            <textarea rows='3'></textarea>
        </div>
    </div>
</div>
<div class='container'>
    <div class='row'>
        <div class='offset1 span1'>
            <textarea rows='3'></textarea>
        </div>
    </div>
</div>

我希望textareas 的宽度不同，但它们的宽度相同。如何控制 textareas 的 Bootstrap 的 offset 和 span 功能？

【问题讨论】：

查看jsfiddle.net/EK64U/2
注意：我认为cols 是必需的属性，即使它被css宽度覆盖。

标签： css twitter-bootstrap textarea

【解决方案1】：

有两种方法可以做到-Jsfiddle 为您服务Jsfiddle

方法一：块级类的使用，Like

<textarea class="input-xxlarge" rows='3'></textarea>
<textarea class="input-large" rows='3'></textarea>
<textarea class="input-mini" rows='3'></textarea>

方法2：网格级别调整大小，喜欢

<textarea class="span12" rows='3'></textarea>
<textarea class="span6" rows='3'></textarea>

您可以根据自己的喜好指定任何跨度大小。

对于您的代码，您可以使用：

<div class='container'>
<div class='row'>
    <div class='offset1 span5'>
        <textarea class="input-large" rows='3'></textarea>
      </div>
    </div>
  </div>
  <div class='container'>
      <div class='row'>
    <div class='offset1 span1'>
        <textarea class="input-mini" rows='3'></textarea>

    </div>
    </div>
 </div>

【讨论】：