Asp.net mvc 为什么我的输入组有这样的间距

Asp.net mvc 为什么我的输入组有这样的间距,asp.net-mvc,twitter-bootstrap,twitter-bootstrap-3,Asp.net Mvc,Twitter Bootstrap,Twitter Bootstrap 3,我一辈子都搞不懂为什么我的输入组中有这么奇怪的间隔。除非我将列间距减小到比文本框小,否则我创建的任何列都会发生这种情况 这是我的html <div class="row"> <div class="col-xs-12"> <div class="form-group"> <label for="cardNumbe

我一辈子都搞不懂为什么我的输入组中有这么奇怪的间隔。除非我将列间距减小到比文本框小,否则我创建的任何列都会发生这种情况

这是我的html

<div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <label for="cardNumber control-label col-md-3">CARD NUMBER</label>
                            <div class="input-group col-md-7">
                                <input name="number" type="tel" class="form-control cardNumber" size="20" data-stripe="number" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus />
                                <span class="input-group-addon"><i class="glyphicon glyphicon-credit-card"></i></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
                    <span class="input-group-addon" id="basic-addon2">example.com</span>
                </div>
将第二个输入组div也包装在一行和一列中,如下所示:

<div class="row">
    <div class="col-xs-12">
        <div class="form-group">
            <label for="cardNumber control-label col-md-3">CARD NUMBER</label>
            <div class="input-group col-md-7">
                <input name="number" type="tel" class="form-control cardNumber" size="20" data-stripe="number" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus />
                <span class="input-group-addon"><i class="glyphicon glyphicon-credit-card"></i></span>
            </div>
        </div>
    </div>
</div>
<div class="row">
     <div class="col-xs-12">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
                    <span class="input-group-addon" id="basic-addon2">example.com</span>
                </div>
    </div>
</div>

看起来默认情况下.net在site.css中有此css。这导致了我的问题

input,
select,
textarea {
    max-width: 280px;
}

你必须显示你的CSS。你的HTML很好,我看不到输入和加载项之间有任何空间。在Chrome、Firefox和IE11中对我来说很好:可能是你的HTML的其余部分把它搞乱了。请给我们一些可以重现这个问题的东西。谢谢你们,在页面上检查后,我将它缩小为一个css项,默认情况下,.net放入该项,设置输入的最大宽度。在第一个标签中,for标记中有control label和col-md-3,它们是class:class=control label col-md-3。