Twitter bootstrap 在输入和EasyUI控件上方带有标签的引导表单组

Twitter bootstrap 在输入和EasyUI控件上方带有标签的引导表单组,twitter-bootstrap,jquery-easyui,Twitter Bootstrap,Jquery Easyui,我创建了一个表单,希望在其中输入上方有标签。这可以通过使用FormGroup类来完成。一切正常,但如果我用EasyUI控件替换标准输入,它会破坏预期的布局。这是我的密码: <form> <div class="form-group col-sm-6"> <label for="name" class="control-label">Line Height</label> <input class="fo

我创建了一个表单,希望在其中输入上方有标签。这可以通过使用FormGroup类来完成。一切正常,但如果我用EasyUI控件替换标准输入,它会破坏预期的布局。这是我的密码:

<form>
    <div class="form-group col-sm-6">
        <label for="name" class="control-label">Line Height</label>
        <input class="form-control" style="width:200px" id="name"/>
    </div>
    <div class="form-group col-sm-6">
        <label for="name1" class="control-label">Padding Top</label>
        <input class="form-control" style="width:200px" id="name1"/>
    </div>
</form>
<form>
    <div class="form-group col-sm-6">
        <label for="name2" class="control-label">Display Name</label>
        <input class="form-control easyui-textbox" style="width:200px" id="name2" />
    </div>
    <div class="form-group col-sm-6">
        <label for="name3" class="control-label">Start Screen</label>
        <input class="form-control easyui-textbox" style="width:200px" id="name3"/>
    </div>
</form>

线高
垫面
显示名称
启动屏幕

调整大小时,它也没有遵循正确的包装。有什么想法吗


谢谢

输入
s包装在另一个
div
中,以保持
标签
s向上并防止折叠

<form>
    <div class="form-group col-sm-6">
        <label for="name2" class="control-label">Display Name</label>
        <div>
            <input class="form-control easyui-textbox" style="width:200px" id="name" />
        </div>
    </div>
    <div class="form-group col-sm-6">
        <label for="name3" class="control-label">Start Screen</label>
        <div>
            <input class="form-control easyui-textbox" style="width:200px" id="name1" />
        </div>
    </div>
</form>

显示名称
启动屏幕


当你说它破坏了预期的布局时,你能扩展一下吗?(也就是说,预期的布局是什么?)-当我调整页面大小时,越小,对我来说就越好是的,完美!谢谢