cssブートストラップと同じ行のボタンで選択メニューをアレンジする方法はありますか？

Question

私は、cssブートストラップフレームワークを使用してボタンと同じ行に選択メニューを配置しようとしています。ここで

は私が

<div class="input-group"> 

    <select class="form-control columnMenu" name="param[]" id="somethingCool" data-columntype="null" required=""> 
    <option value="" date-columntype="" selected="">Select a column</option> 
    <option value="currentDate" date-columntype="datetime">Current Date</option> 
    <option value="currentUtcDate" date-columntype="datetime">Current UTC Date</option> 
    <option value="recordCounter" date-columntype="integer">Record Counter</option> 
    </select> 

    <button type="button" class="btn btn-default btn-sm removeOneParameter"> 
    <span class="glyphicon glyphicon-remove"></span>Delete< 
    /button> 

</div> 

を行っているが、ボタンが二行目にジャンプしているものです。ここで

私はボタンでメニューを並べることができますどのように

https://jsfiddle.net/s2tphgpf/

アクションで私のコードを表示するシオマネキのですか？

Answer 1

この

<div style="display: table"> 

    <div style="display: table-row"> 

     <div style="display: table-cell"> 
      <select class="form-control columnMenu" name="param[]" id="somethingCool" data-columntype="null" required=""> 
      <option value="" date-columntype="" selected="">Select a column</option> 
      <option value="currentDate" date-columntype="datetime">Current Date</option> 
      <option value="currentUtcDate" date-columntype="datetime">Current UTC Date</option> 
      <option value="recordCounter" date-columntype="integer">Record Counter</option> 
      </select> 
     </div> 

     <div style="display: table-cell"> 
      <button type="button" class="btn btn-default btn-sm removeOneParameter"> 
      <span class="glyphicon glyphicon-remove"></span>Delete 
      </button> 
     </div> 

    </div> 

</div> 

https://jsfiddle.net/s2tphgpf/2/

のような表示テーブルですべてをラップするために使用してみてください