フォームグループに右の列を作成する方法をブートストラップ

Question

私はbootstrapフォームを以下のように持っています。

私はその列のwidthを9にしたいので、左に3 textareaの右上にボタンを追加することができます。

フォームのHTMLは次のとおりです。

<div class="form-group"> 
       <label>Compose Message</label> 
       <textarea class="form-control" rows="5" value="" /> 

      </div> 

私は<div class="col-md-9">と<div class="col-md-3">しかし、誰の成功を使用して試してみました。

ヒント？

Answer 1

これはトリックを行う必要があります。

<div class="row"> 
    <div class="col-md-9"> 
     <div class="form-group"> 
     <label>Compose Message</label> 
     <textarea class="form-control" rows="5" value="" /> 
     </div>  
    </div> 
    <div class="col-md-3"> 
     <button class="btn">Button</button> 
    </div> 
</div>