如何消除bootstrap输入组间距？

Question

我正在尝试使用twitter bootstrap 3设置一个直接输入组。 这是标记代码，带有我的实际Razor语法，并且低于标记，取自文档：

<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
            @Html.TextBox("searchString", "", new { placeholder = "Name or Manufactor or Category", @class = "form-control" })
            <span class="input-group-btn">
                <button type="submit" class="btn btn-default">Search</button>
            </span>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="input-group">
            <input type="text" class="form-control">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">Go!</button>
            </span>
        </div><!-- /input-group -->
    </div>
</div>

两个input-groups呈现为：

正如您所看到的，这与人们对documentation

的期望不同

我身边的错误在哪里？

Answer 1

你的html看起来与文档中的完全相同，我怀疑这是一个CSS问题。您是否有任何自定义CSS应用于所使用的任何类/元素？