Bootstrap 3輸入附加升級

Question

我升級到Bootstrap 3，但我無法弄清楚如何升級我的舊輸入附加。

我有這樣的事情：

<div class="input-append"> 
    <select> 
    <option>hi</option> 
    <option>hi2</option> 
    </select> 
    <span class="input-group-addon"></span> 
    <input type="submit" class="btn" value="valami"> 
</div> 

前瞻：http://bootply.com/75910

在引導3，這是最接近我能得到

<div class="input-group"> 
    <select class="form-control"> 
    <option>hi</option> 
    <option>hi2</option> 
    </select> 
    <span class="input-group-addon"></span> 
    <input type="submit" class="form-control btn btn-default" value="valami"> 
</div> 

前瞻：http://bootply.com/75912

如果我刪除了它完美的跨度，但他們在不同的線條。

任何想法如何正確地做到這一點？

Answer 1

這是記錄herehere和：

刪除輸入前置和輸入追加奇異.input-group。 已經改變了內部的元素，需要多一點標記的類使用 按鈕：

• 使用.input-group圍繞輸入和插件的父類。
• 對於基於文本的前綴/附加，請使用.input-group-addon而不是.addon。
• 對於按鈕前置/附加， 使用.input-group-btn並將您的.btn置於該元素內。

例子：

<div class="container"> 
    <div class="row"> 
    <div class="col-sm-3 col-xs-12 col-lg-3"> 
     <form class="form-search"> 
      <div class="input-group"> 
       <input type="text" class="form-control " placeholder="Text input"> 
       <span class="input-group-btn"> 
        <button type="submit" class="btn btn-search">Search</button> 
       </span> 
      </div> 
     </form> 
    </div> 
    </div> 
</div> 

編輯：從@kviktor和@ max4ever工作的例子：

http://bootply.com/75917

http://bootply.com/78014