在輸入組div中連接兩個輸入元素

我試圖在input-group（和同一行）中獲得select和input元素彼此相鄰。這就是我目前有：http://bootply.com/95860 在輸入組div中連接兩個輸入元素

我試過的.input-addon，<span>容器幾個組合，和其他很多人。我能夠在bootstrap 2中做到這一點，並得到了一個半體面的結果（不是使用輸入，而是選擇），如你在這裏看到的：http://puu.sh/5p9XU.png（這個例子有點不同，但前提是相同的）。

2013-11-21 Seiyria

首先，如文檔中清楚說明的，您應該避免使用select元素，因爲它們無法在Chrome或Safari等Web瀏覽器瀏覽器上完全樣式化。其次，我不清楚你想要達到的目標。是這樣的嗎？ http://bootply.com/95862 – TigOldBitties

我知道他們應該避免，但我不確定任何替代品，我試圖用它來完成。我可以使用5個按鈕，但我認爲這會佔用更多的空間。是的，就是這樣 - 我只是希望將這兩個元素連接在一起。 – Seiyria

像這樣？ http://bootply.com/95864 – TigOldBitties

您可以使用下拉從bootply的意見，而是落實元素的單擊事件來顯示你所需要的：

$('li').click(function(){ 
    $('button').html($(this).text()+' <span class="caret"></span>'); 
});

這只是一個想法，但請記住，引導將永遠不會有你能想到的100％的東西，所以你可以用jQuery來適應你的需求。 http://bootply.com/95871

2013-11-21 20:01:04 TigOldBitties

謝謝。我只是確保沒有一種內置的方法來處理這個問題，因爲我一直在撓頭。我很欣賞你提出幫助我解決這個問題的時間，謝謝！ – Seiyria

回答