css - テキストエリアの幅は機能しませんが、オフセットは機能します

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>

textarea両方の幅が異なると予想されますが、幅は同じです。Bootstrap forのoffsetと機能の両方を制御するにはどうすればよいですか?spantextarea

Answer 1

それを行うには2つの方法があります-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>