Asp.net mvc 为什么我的输入组有这样的间距
我一辈子都搞不懂为什么我的输入组中有这么奇怪的间隔。除非我将列间距减小到比文本框小,否则我创建的任何列都会发生这种情况 这是我的htmlAsp.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
<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。