html - 输入和按钮之间的间隙

Question

在 ASP.Net MVC 应用程序中，我尝试将输入组用于输入和按钮对。我希望它看起来像这样(就像在 getbootstrap.com 中一样):

但在我的应用程序中它看起来像这样:

输入和按钮之间有一个巨大的空间。这是我的 HTML:

<div class="input-group">
            <input id="empNoTxt" type="text" class="form-control" placeholder="Sicil Numarası" />
            <span class="input-group-btn">
                <button class="btn btn-success" type="button"><span class="glyphicon glyphicon-eye-open"></span> Sorgula</button>
            </span>
        </div>

Answer 1

我从另一个网站找到了解决方案: https://jasenhk.wordpress.com/2014/06/09/mvc-bootstrap-input-group-button-space/

在 MVC 项目中有一个名为“Site.css”的默认 css 文件。您应该删除以下行:

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}