Bootstraps在表单输入

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