textarea的宽度不工作，但偏向确实

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

Answer 1

有两种方法可以做到这-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>