引導3 - 添加按鈕，文本字段

Question

使用以下引導3（最新）代碼...

<form> 
<div class="row"> 
<div class="col-sm-8"> 
    <label class="control-label">Text Field Label</label> 
    <div class="input-group"> 
    <input name="f1" value="" class="form-control" type="text" size="20" maxlength="100" placeholder="Text Field"> 
    <div class="input-group-btn"> 
    <button id="b1" type="submit" class="btn btn-success">Button Label</button> 
    </div> 
    </div> 
</div> 
<div class="col-sm-4"> 
<!-- Other elements to go here --> 
</div> 
</div> 
</form> 

上面的代碼將呈現如下的我已經測試了所有的瀏覽器（屏幕截圖）：

但是無論我嘗試什麼樣的組合，如果按鈕裏面有2或3個以上的字符，按鈕就會覆蓋文本並且顯示得太大（高於文本輸入框） - 如何解決這個問題允許按鈕包含更多的文字而不會顯得更大（高度）比文本輸入字段？

請注意 - 我不想使用「form-inline」，因爲我需要在行中有其他元素 - 我只包含了包含相關表單元素的列。

Answer 1

檢查DEMO，你的代碼看起來沒問題。

Maybe you missed load Jquery 1.11.x ? 

負載順序：

• bootstrap.min.css
• jquery.min.js（1.11或+）
• bootstrap.min.js

作爲最後一個選項，「檢查」按鈕並檢查是否正在應用其他類。