在Bootstrap 3中设置Textarea的宽度

Question

我一直在寻找一种方法让我的'textarea'在它的专栏中达到100%.我已经看到了几种不同的方式(我没有能够工作)使"textarea"在Bootstrap中扩展到100%.我从CSS自定义样式到使用class ="form-control col-lg-12"来覆盖Bootstrap的CSS.

任何人都有一个工作建议,允许液体重新调整大小？

这是我的代码.现在,宽度比占位符文本稍微过了一点.

<div class="row">
            <div class="col-lg-7">
                <h2>@Model.EmployeeName</h2>
                <h3>Employee #: @Model.EmployeeNumber</h3>

                <h5>(Optional): Exception Log comments related to this shift for your Supervisor/Time Keeper.</h5>
                <textarea rows="2" placeholder="Exception Log comments."></textarea>
            </div>
            <div class="col-lg-5 text-right">
                <div ng-controller='TimeCtrl'>
                    <h2>{{ clock | date:'fullDate'}}</h2>
                    <h1>{{ clock | date:'HH:mm:ss'}}</h1>
                    <input type="submit" class="btn btn-xxlarge btn-success" value="Punch In" />
                </div>
            </div>
        </div>

Answer 1

我相信bootstrap自己的表单元素类(表单控件)是使表单元素占据它们所在列的整个宽度的原因.

<textarea class="form-control"></textarea>