小编Geo*_*rge的帖子

我有一个带有输入和按钮的基本 Bootstrap 输入组。当浏览器为“正常”宽度时，一切看起来都很好。但是，当我将其扩展到第二台显示器时，输入控件和按钮之间会出现一个空格。环顾四周，但我一直无法找到一种解决方案，以类似于 btn-group 的工作方式将这些组合在一起。

这是我的代码：

<div class="row">
    <div class="col-md-2 col-md-offset-1">
        <div class="input-group">
            <input id="SearchText" class="form-control" type="text">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">
                    <span class="glyphicon glyphicon-search"></span>
                </button>
            </span>
        </div>
    </div>
</div>

提前致谢！

更新：

在稍微弄乱了这个之后，它似乎与列属性有关。如果我col-md-1改为创建外部 div ，它不会创建空间。然而，这使得输入对于我需要的来说太小了。另外，我猜如果我将浏览器扩展得足够远，空间会重新出现。