我想请问一个在bootstrap中，怎么将按钮在同一行放在左边和最右边

Question

类似图中效果，将导出excel表格和查询放在一行中一个其中导出excel表格在最右边这样。

现有代码如下：

<div class="highlight">
    <form class="form-inline">
        <div class="form-group">
            开始日期：<input type="text" id="datepickerstart">
        </div>
        <div class="form-group">
            结束日期：<input type="text" id="datepickerend">
        </div>
        <div class="form-group">
            <select id="line" class="form-control"></select>
        </div>
        <div class="form-group">
            <label for="number1" class="label-padding">车辆编号:</label>
            <input type="text" id="number1" name="number1" class="form-control">
        </div>
        <div class="form-group">
            <a id="btn1" class="btn btn-primary">查询</a>
        </div>
        
        <div style="float:right;" class="form-group">
            <a id="btn2" class="btn btn-primary btn-xs">导出EXCEL表格</a>
        </div>
        
    </form>
</div>`

Answer 1

我用你的就是你的代码，没有任何改动。能够正常显示。

你是需要响应式的时候正常显示吗，比如下面这样子的问题？