Html Bootstrap 3并排组合形成元素

我有两张标签和两张表格。在第二个标签中，一切都很好，但我需要第一个标签的帮助。在第一个选项卡中，一个选择菜单、一个文本输入和一个按钮。我想要这3个元素并排组合，谢谢你的帮助

我的密码

引导选项卡
.面板.带导航标签.面板标题{
填充物：5px 5px 0 5px；
}
.面板.带导航标签.导航标签{
边框底部：无；
}
.面板。带导航标签。导航对齐{
边缘底部：-1px；
}
/********************************************************************/
/***面板默认值***/
.with-nav-tabs.panel-default.nav-tabs>li>a，
.with-nav-tabs.panel-default.nav-tabs>li>a：悬停，
.with-nav-tabs.panel-default.nav-tabs>li>a：焦点{
颜色：#777；
}
.with-nav-tabs.panel-default.nav-tabs>.open>a，
.with-nav-tabs.panel-default.nav-tabs>.open>a:悬停，
.with-nav-tabs.panel-default.nav-tabs>。打开>a:焦点，
.with-nav-tabs.panel-default.nav-tabs>li>a：悬停，
.with-nav-tabs.panel-default.nav-tabs>li>a：焦点{
颜色：#777；
背景色：#ddd；
边框颜色：透明；
}
.with-nav-tabs.panel-default.nav-tabs>li.active>a，
.with-nav-tabs.panel-default.nav-tabs>li.active>a:悬停，
.with-nav-tabs.panel-default.nav-tabs>li.active>a：焦点{
颜色：#555；
背景色：#fff；
边框颜色：#ddd；
边框底色：透明；
}
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown菜单{
背景色：#F5；
边框颜色：#ddd；
}
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown menu>li>a{
颜色：#777；
}
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown menu>li>a:悬停，
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown menu>li>a:focus{
背景色：#ddd；
}
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown menu>.active>a，
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown menu>.active>a:悬停，
.with-nav-tabs.panel-default.nav-tabs>li.dropdown.dropdown菜单>.active>a:focus{
颜色：#fff；
背景色：#555；
}




伊斯坦布尔
安卡拉
伊兹密尔
阿达纳
走！
走！

两个选项：

使用引导网格系统将字段对齐在一行中，将所有表单保持在一行中，每个字段的类为

.col-***-***

，大小由您选择。您可以阅读更多有关引导网格的信息

用

表单

标记括住第一个选项卡，并为其提供引导的

.forminline

类。你可以阅读更多关于它的内容

---

由于您已经有了引导，您可以按如下方式更改第一个选项卡。col-xs-5 col-xs-5 col-xs-2加起来是12，这就是引导程序调整页面大小的方式

       <div class="tab-pane fade in active" id="tab1default">
          <div class="row" >

              <div class="col-xs-5">
              <select class="form-control">
                       <option value="ist">istanbul</option>
                       <option value="ank">ankara</option>
                       <option value="izm">izmir</option>
                       <option value="adn">adana</option>
                    </select>
              </div>
               <div class="col-xs-5">
               <input type="text" class="form-control">
               </div>
                <div class="col-xs-2">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">Go!     </button>
                    </span>
               </div>

        </div>
     </div>

伊斯坦布尔
安卡拉
伊兹密尔
阿达纳
走！

使用现有标记，在

选择

和

输入

之间添加一个

将解决此问题

HTML片段

<div class="input-group">
  <select class="form-control">
    <option value="ist">istanbul</option>
    <option value="ank">ankara</option>
    <option value="izm">izmir</option>
    <option value="adn">adana</option>
  </select>
  <span class="input-group-btn" style="width:0px;"></span>   <!--  added it here  -->
  <input type="text" class="form-control">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
</div>

伊斯坦布尔
安卡拉
伊兹密尔
阿达纳
走！

堆栈片段

引导选项卡
.面板.带导航标签.面板标题{
填充物：5px 5px 0 5px；
}
.面板.带导航标签.导航标签{
边框底部：无；
}
.面板。带导航标签。导航对齐{
边缘底部：-1px；
}
/********************************************************************/
/***面板默认值***/
.with-nav-tabs.panel-default.nav-tabs>li>a，
.with-nav-tabs.panel-default.nav-tabs>li>a：悬停，
.with-nav-tabs.panel-default.nav-tabs>li>a：焦点{
颜色：#777；
}
.with-nav-tabs.panel-default.nav-tabs>.open>a，
.with-nav-tabs.panel-default.nav-tabs>.open>a:悬停，
.with-nav-tabs.panel-default.nav-tabs>。打开>a:焦点，
.with-nav-tabs.panel-default.nav-tabs>li>a：悬停，
.with-nav-tabs.panel-default.nav-tabs>li>a：焦点{
颜色：#777；
背景色：#ddd；
边框颜色：透明；
}
.with-nav-tabs.panel-default.nav-tabs>li.active>a，
.