Question

在Bootstrap中，如果我在同一行中有一个带标签和按钮的输入框，我该如何让按钮对齐？我不想使用input-append将其附加到输入框 - 任何想法？

                    <div class="row">

                            <div class="form-group col-sm-3">
                                <label for="txtSchedFromDate">
                                    From:</label>
                                <input type="text" class="form-control input-sm" id="txtSchedFromDate" />
                            </div>
                            <div class="form-group col-sm-3">
                                <label for="txtSchedToDate">
                                    To:</label>
                                <input type="text" class="form-control input-sm" id="txtSchedToDate" />
                            </div>
                            <div class="form-group col-sm-3">
                                <button type="button" id="btnResetEngineers" class="btn btn-default">
                                        Reset Engineers</button>
                            </div>

                    </div>

JSFiddle

非常感谢

Answer 1

这些是我所做的改变只需在按钮类中包含表单控件，在按钮的div中包含空标签

<div class="form-group col-sm-3">
  <label for="txtSchedFromDate">
    &nbsp;
  </label>
  <button type="button" id="btnResetEngineers" class="form-control btn btn-default">Reset Engineers</button>
</div>

这是一个纠正的小提琴

https://jsfiddle.net/Indu9594/rcwyso3x/

将Bootstrap输入框和按钮对齐在同一行

1 个答案: