Twitter bootstrap 引导模式对话框中可调整大小的文本区域

Twitter bootstrap 引导模式对话框中可调整大小的文本区域,twitter-bootstrap,twitter-bootstrap-3,ckeditor,Twitter Bootstrap,Twitter Bootstrap 3,Ckeditor,我试图在引导模式中设置一个可调整大小的文本区域 问题是当我水平调整文本区域的大小时。它打破了情态对话 如何使其水平响应 这是密码 <div class="container-fluid"> <div class="row"> <!-- Button trigger modal --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myMod

我试图在引导模式中设置一个可调整大小的文本区域

问题是当我水平调整文本区域的大小时。它打破了情态对话

如何使其水平响应

这是密码

<div class="container-fluid">
<div class="row">
    <!-- Button trigger modal -->
    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
        Launch demo modal
    </button>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">

                    <form class="form-horizontal" id="feedback_form" action="javascript:feedback_submit();"
                          role="form">
                        <input type="hidden" name="feedback_url" value="http://fmoffice:8080/about"
                               class="form-control">
                        <input type="hidden" name="feedback_tracking_id" value="" class="form-control">
                        <div class="form-group">
                            <div class="form-group" id="feedback_comment_group">
                                <label class="col-sm-3 control-label" for="feedback_input_comment">Feedback:</label>
                                <div class="col-sm-9 controls">
                                    <textarea id="feedback_input_comment" name="feedback_comment"
                                              class="form-control" rows="5" placeholder="Your Feedback"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-9">
                                    <button type="submit" class="btn btn-primary">Send Feedback</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>

启动演示模式
&时代;
情态标题
反馈:
发送反馈

这是js-bin上的


感谢您的帮助:)

请使用以下css

textarea {
    resize: vertical;
}

你好,穆罕默德,谢谢你的回复。该代码用于调整引导模式的垂直文本区域的大小。我们是否可以使它在垂直和水平方向上都可以调整大小?谢谢:)