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

Question

这是我的代码（请参见此处的小提琴）：

<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 具有不同的宽度，但它们具有相同的宽度。如何控制Bootstrap for s 的功能offset和功能？spantextarea

Answer 1

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

方法一：块级类的使用，比如

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