bootstrap textarea с панелью

Question

У меня возникли проблемы, создавая текстовую область, заполняющую ширину панели какие-либо идеи?

Мой код ниже

<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> 

У меня есть скрипт, который переключает отображение DIV контента, ниже есть JS скрипт

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

Я получаю эту

Answer 1

Добавить это в ваш css

textarea { 
    width: 100% !important; 
}