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

在 ASP.Net MVC 应用程序中，我尝试将 input-group 用于输入和按钮对。我希望它看起来像这样(就像在 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>

最佳答案

我从另一个站点找到了解决方案:
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;
}

关于html - 输入和按钮之间的间隙，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31611384/