如何使用两个输入组和一个按钮使Bootstrap col md-4和form-group居中，使这三个保持内联

Question

我正在尝试使用Bootstrap 3保持两个输入组和一个按钮的内联和居中，我有以下我一直在摆弄的东西，但我不能保持按钮与输入框在一起

<section id="search_section">

    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <form class="form-inline">

            <div class="form-group">
                  <div class="input-group">
                      <div class="input-group-addon">Criteria</div>
                      <input type="text" class="form-control" id="exampleInputName2" placeholder="Any Criteria">
                  </div>
                  <div class="input-group">
                      <div class="input-group-addon">Location</div>
                      <input type="text" class="form-control" id="exampleInputName2" placeholder="Any Location">
                  </div>
                  <button type="submit" class="btn btn-default">Search</button>
              </div>



            </form>
        </div>
        <div class="col-md-4"></div>
    </div>

</section> 

Answer 1

以下是解决方案

                 <section id="search_section">                 
                    <div class="row">
                        <div class="col-md-3"></div>
                        <div class="col-md-6">
                            <form class="form-inline">

                            <div class="form-group">
                                  <div class="input-group col-md-4">
                                      <div class="input-group-addon">Criteria</div>
                                      <input type="text" class="form-control" id="exampleInputName2" placeholder="Any Criteria">
                                  </div>
                                  <div class="input-group col-md-4">
                                      <div class="input-group-addon">Location</div>
                                      <input type="text" class="form-control" id="exampleInputName2" placeholder="Any Location">
                                  </div>
                                  <button type="submit col-md-4" class="btn btn-default">Search</button>
                              </div>

                            </form>
                        </div>
                        <div class="col-md-3"></div>
                   </div>
                </section> 

您只需向每个表单组项目添加类col-md-4