引导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

作为最后一个选项，“检查”按钮并检查是否正在应用其他类。