css - 在 Bootstrap 3 中设置文本区域的宽度

Question

我一直在寻找一种方法，使我的“文本区域”在其列中达到 100%。我见过几种不同的方法(我都无法使用)在 Bootstrap 中将“textarea”扩展到 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 自己的表单元素类 (form-control) 将使表单元素占据它们所在列的整个宽度。

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