bootstrap 带面板的文本区域

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

bootstrap 带面板的文本区域

bootstrap textarea with panel

textarea

panel

twitter-bootstrap-3