bootstrap textarea mit Panel

Question

Ich habe Probleme, den Textbereich füllen die Breite des Panels irgendwelche Ideen ??

Mein Code ist unten

<div class="panel panel-primary"> 
    <div id="div_EssentialInformation" class="panel-heading">Essential information</div> 
    <div id="content" style="display:none;"> 
     <div class="panel-body"> 
      <textarea class="form-control" rows="3" style="resize:none;"></textarea> 
     </div> 
     <div class="panel-footer clearfix"> 
      <div class="pull-right"> 
       <a id="btn_edit" class="btn btn-primary">Edit</a> 
       <a id="btn_save" class="btn btn-danger" style="display:none">Save</a> 
      </div> 
     </div> 
    </div> 
</div> 

i ein Skript, das die Anzeige des Inhalts div wechselt, unten ist die js Skript

$("#div_EssentialInformation").click(function() { 
     $("#content").slideToggle(500); 
    }) 

Ich erhalte diese

Answer 1

Fügen Sie dies zu Ihrem css

hinzu

textarea { 
    width: 100% !important; 
}