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

这是我的代码（见小提琴here）：textarea的宽度不工作，但偏向确实

<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功能？

来源

2013-02-24 Randomblue

检查这个http://jsfiddle.net/EK64U/2/ – slash197 2013-02-24 12:25:44

注：我想'cols'是一个必需的属性，即使它是由覆盖CSS宽度。 – Sherbrow 2013-02-24 19:23:48

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

来源

2013-02-24 12:49:11 Shail

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

回答

相关问题