label和input放置在同一行，并且设置占比

来源：互联网发布：软件编程软件编辑：程序博客网时间：2024/05/16 16:57
效果

这里写图片描述
代码

<div class="row chart-row">    <div class="col-md-4">        <form class="form-inline" role="form">            <div class="input-group">                <label for="dtp_input1" class="control-label">开始时间</label>                <div id="start" class="input-group date form_date" data-date=""                    data-date-format="MM-dd-yyyy" data-link-field="dtp_input1"                    data-link-format="yyyy-mm-dd">                    <input class="form-control" size="16" type="text" value=""                        readonly> <span class="input-group-addon"><span                        class="glyphicon glyphicon-remove"></span></span> <span                        class="input-group-addon"><span                        class="glyphicon glyphicon-calendar"></span></span>                </div>                <input type="hidden" id="dtp_input1" value="" />            </div>        </form>    </div>    <div class="col-md-4">        <form class="form-inline" role="form">            <div class="input-group">                <label for="dtp_input2" class="control-label">结束时间</label>                <div id="end" class="input-group date form_date" data-date=""                    data-date-format="MM-dd-yyyy" data-link-field="dtp_input2"                    data-link-format="yyyy-mm-dd">                    <input class="form-control" size="16" type="text" value=""                        readonly> <span class="input-group-addon"><span                        class="glyphicon glyphicon-remove"></span></span> <span                        class="input-group-addon"><span                        class="glyphicon glyphicon-calendar"></span></span>                </div>                <input type="hidden" id="dtp_input2" value="" /><br />            </div>        </form>    </div>    <div class="col-md-2">        <div class="form-inline">            <button class="btn btn-primary" onClick="search()">查询</button>        </div>    </div></div>
2 0