forms - 表单输入内的 Bootstrap 表单标签

Question

有没有办法将小表单标签放置在用户添加输入后保留的表单框中？内联表单标签占用太多空间。我正在尝试创建像表格一样紧密分组的表单。

Answer 1

你是说这个吗？ Sample

<div class="container">
    <div class="row">
        <div id="leftNav" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="form-group" id="holder"> <small id="label" for="input">Email address</small>
                <input type="email" class="form-control" id="input">
            </div>
        </div>
    </div>
</div>

CSS

#holder {
    height: 50px;
}
#label {
    margin-bottom: -50px;
    padding-left: 5px;
    padding-top: 2px;
    position: absolute;
    color: #ccc;
}
#input {
    height: 100%;
    padding-bottom: -10px;
}