带面板的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;
}