html - ボックスサイズ: ボーダーボックス; テキストエリアには影響しません

Question

textareaレイアウトの残りの部分に合わせてa のサイズを変更する方法を探していたところ、ボックスのサイズ変更方法にたどり着きました。うまくいかないので、おそらく正しく使用していませんでした。3 つの異なる行を表示するレイアウトがあります。中央の行にはテキスト入力フィールドが表示され、その下には最近の投稿がすべて表示されます。今textarea、私は他の投稿と同じ幅にしたい.

HTML

<div class="row">
  <div class="col-sm-2">
    <!-- Empty Space -->
  </div>
  <div class="col-sm-2">
    Some text here
  </div>
  <div class="col-sm-4">
    <textarea placeholder="Text here"></textarea>
    <div class="well"> Posts ...</div>
  </div>
  <div class="col-sm-2">
    Some text here
  </div>
  <div class="col-sm-2">
    <!-- Empty Space -->
  </div>
</div>

そしてcss

textarea{
  box-sizing: border-box;
  border-radius: 5px;
  resize: none;
}