RAILS：ブートストラップ3パネルのテキストエリアの幅を設定するにはどうすればいいですか？

Question

ここにはtextareaのerbコードがあります。私はstyle="min-width: 100%"を使って領域を100％幅に拡大しました。しかし、styleはまったく動作しません。ここで

<div class="container-fluid"> 

    <div class="col-md-8"> 
    <!--panel--> 
    <div class="panel panel-primary"> 
    <div class="panel-body"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <div class="row"> 
       <div class="col-sm-<%=BUTTONS_CLS['left-span#']%> form-group"> 
        <b><%=t('Batch#')%></b> 
       </div> 
       <div class="col-sm-<%=BUTTONS_CLS['right-span#']%> form-group"> 
        <textarea class="form-control" rows="1" id="comment" style="min-width: 100%"><%= @part_production.requirement %></textarea> 
       </div> 
       </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

はtextareaのHTMLソースコードです：

<div class="col-sm-5 form-group"> 
<textarea id="comment" class="form-control" rows="1" style="min-width: 100%"></textarea> 
</div> 

テキストエリア（パネルの割合特定のピクセルを指定せず。）の幅のスタイルをどのように？あなたはちょうどこのコードをチェック

Answer 1

使用col-sm-12

この

<div class="col-sm-12 form-group"> 
<textarea id="comment" class="form-control" rows="1" style="min-width: 100%"></textarea> 
</div> 

のように多分それは100％のパーセントを取得することはありません理由は、col-sm-5クラスです。

Answer 2

..

あなたのテキストエリアのスタイルにmin-width: 100%を追加してみてください。

<textarea class="form-control" style="min-width: 100%"></textarea> 

がそうでなければ、これを試してください。..

<textarea class="form-control" rows="7"></textarea> 

Answer 3

をあなたはしたくない場合スタイルをインラインに設定すると、CSSファイルにCSSを追加するだけで済みます。 100％は親のサイズに拡大します。代わりに、1つのDIVでフォームグループとCOLを行うための

<div class="col-sm-5"><div class="form-group">...</div>... 

：

textarea.form-control{ width: 100% !important; } 

は、あなたがあなたのHTMLマークアップを変更するに検討する必要かもしれません。