Bootstrap如何在表单组上创建右列

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>