在同一行上对齐引导程序输入框和按钮

在引导程序中，如果我在同一行中有一个带有标签和按钮的输入框，如何获得按钮对齐？我不想使用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

非常感谢

来源

2015-05-19 leddy

查看关于内联表单的文档部分http://getbootstrap.com/css/#forms-inline – Schmalzy

感谢您的回复@Schmalzy - 我已经添加了内联表单，并随表单一起播放和输入组，但它仍然将按钮与标签内联，而不是输入框内联 - 这取决于屏幕的大小 - 如果我摆脱了我将要做的标签并使用占位符，它会起作用，但它会起作用这在IE9中不起作用： - \ – leddy

嗯，如果我删除了它的大小调整它的工作原理 - 我仍然更喜欢标签是在输入字段的顶部，而不是在一边，但我将不得不做 - 再次感谢 – leddy

这些都是我做修改的地方包括表单控制按钮类和按钮的股利空标签

<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/

来源

2017-02-07 08:56:39 Indu

在同一行上对齐引导程序输入框和按钮

回答

相关问题