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

By | 2020年6月7日

在设置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>

显示效果如下:

发表评论

电子邮件地址不会被公开。 必填项已用*标注