twitter-bootstrap - Bootstrap 3 : how to add inline select and input so it fits all width?

Question

我想使用 bootstrap 创建一个快速片段:

select + input + 3 个按钮，所以它们都适合 1 行(内联)

https://jsfiddle.net/tso3oseg/

<div class="well well-sm margin-bottom-no">
    <div class="input-group">
        <select class="form-control">
        <option value="1">all</option>
        </select>
          <input type="text" id="chatInput" class="form-control " placeholder="Ecrire texte ici...">      
      <span class="input-group-btn">
        <button class="btn  btn-pretty" id="attachBtn" type="button"><i class="fa fa-smile-o"></i></button>
        <button class="btn btn-success btn-pretty" id="attachBtn" type="button"><i class="fa fa-paperclip"></i></button>
        <button class="btn btn-info btn-pretty" id="sendBtn" type="button">Send</button>
      </span>
    </div>
  </div>

我无法使输入和选择适契约(Contract)一行。

结果是:

Answer 1

在这里你的答案检查代码在codepen

<div class="well well-sm margin-bottom-no">
  <div class="input-group">
    <select class="form-control">
        <option value="1">all</option>
        </select>
    <span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span>
    <input type="text" id="chatInput" class="form-control " placeholder="Ecrire texte ici...">
    <div class="input-group-btn">
      <button class="btn  btn-warning" id="attachBtn" type="button"><i class="fa fa-smile-o"></i></button>
      <button class="btn btn-success btn-pretty" id="attachBtn" type="button"><i class="fa fa-paperclip"></i></button>
      <button class="btn btn-info btn-pretty" id="sendBtn" type="button">Send</button>
    </div>
  </div>
</div>