css - Textarea宽度无效，但偏移量有效

这是我的代码（请参见小提琴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>

我希望两个textarea具有不同的宽度，但是它们具有相同的宽度。如何控制offset的Bootstrap的span和textarea功能？

最佳答案

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

方法1：使用块级类，例如

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

关于css - Textarea宽度无效，但偏移量有效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15051647/