bootstrap让表单及按钮内联显示在一行而不换行

在设置bootstraptable的toolbar工具栏时，我为了方便直接在div标签中使用各种操作表单及按钮，button按钮本身就是内联的，所以会在一行显示，而当我设置select下拉筛选框时，出现了换行现象，这个怎么处理呢？我网上搜了一下，是给父级框加上form-inline属性，看下方代码：

<div id="toolbar" class="form-inline">
                  <button type="button" id="refreshBnt" style="background-color: #f1f1f1;margin-right: 20px;" class="btn btn-default"><i class="fa fa-refresh"></i></button>
                  <select class="form-control" style="margin-right: 20px;">
                    <option>选择类型</option>
                  </select>
                  <button type="button" id="add_new_site_bnt" class="btn btn-info">添加新站</button>
                </div>

显示效果如下：