为什么我的按钮插件方式比我的文本输入大？

Question

我直接从bootstrap文档中使用了一个输入组，由于某种原因，该按钮比文本输入大。

这是HTML：

<div class="jumbotron">
    <div class="input-group">
      <input ng-model="businessName" ng-model="chosenPlace" googleplace type="text" class="form-control input-lg">
        <span class="input-group-btn">
          <button ng-click="findGPlace2()" class="btn btn-default" type="button">Find!</button>
        </span>
    </div>
</div>

我还没有对css做过任何修改，只是香草引导。

Answer 1

尝试在Bootstrap页面中使用示例。 This是您可以自定义的bootply链接。

<div class="jumbotron">
  <form class="form-horizontal" role="form">
<div class="input-group">
      <input ng-model="businessName" ng-model="chosenPlace" class="form-control input-lg">
              <span class="input-group-btn">
                <button ng-click="findGPlace2()" class="btn btn-default btn-lg" type="button">Find!</button>
              </span>
          </div>
  </form>
</div>