Css 使用引导在单行上显示多个输入字段和按钮

我有下面一行，包含一个搜索输入栏和两个按钮。如何根据旁边的按钮设置样式，使搜索输入框变小？我想在搜索框的右侧和图像中显示的按钮的左侧再添加两个输入字段。有没有一种不用“col-md-x”就可以做到这一点的方法

这是我到目前为止所拥有的，但我觉得它非常粗糙

<div class="col-md-10 search-left">
    <form>
        <div class="form-group">
            <div class="input-group">
                <div class="input-group-btn" dropdown>
                    <button type="button" class="btn btn-default dropdown-toggle first-dropdown" dropdown-toggle>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li></li>
                    </ul>
                </div>
                <div class="input-group-btn" dropdown>
                    <button type="button" class="btn btn-default dropdown-toggle second-dropdown"
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li></li>
                    </ul>
                </div>
                <input type="text" class="form-control" placeholder="Search term" ng-model="search.value">
            </div>
        </div>
    </form>
</div>
<div class="col-md-2 search-right">
    <div class="pull-right" popover="Please select rows to export" popover-trigger="mouseenter">
        <button class='btn btn-default'><span class="glyphicon glyphicon-download-alt"></span></button>
    </div>
    <div class="pull-right">
        <button class='btn btn-default add-item' ng-click="addItem()">Add Staff</button>
    </div>
</div>

对于左对齐和内联块控件，将
.form inline
添加到表单（不必是a）
 对于左对齐和内联块控件，将
.form inline
添加到表单（不必是a）中