Question

这是我的代码（请参阅小提琴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 s具有不同的宽度，但它们具有相同的宽度。如何为offset s控制Bootstrap的span和textarea功能？

Answer 1

有两种方法可以做到这一点-Jsfiddle for you 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>

Textarea宽度不起作用，但偏移确实有效

1 个答案: