Css 如何将引导窗体控件填充设置为0 px
我无法将引导窗体控件填充设置为0。我尝试在styles中添加Css 如何将引导窗体控件填充设置为0 px,css,twitter-bootstrap,wicket,padding,Css,Twitter Bootstrap,Wicket,Padding,我无法将引导窗体控件填充设置为0。我尝试在styles中添加.form控件类,但没有成功。我认为应该可以覆盖样式块中CSS类的某些属性 如何将.form控件填充设置为0 <wicket:head xmlns:wicket="http://wicket.apache.org/"> <styles> .form-control { padding: 0px; } </styles> </wicket:head>
.form控件
类,但没有成功。我认为应该可以覆盖样式块中CSS类的某些属性
如何将.form控件填充设置为0
<wicket:head xmlns:wicket="http://wicket.apache.org/">
<styles>
.form-control {
padding: 0px;
}
</styles>
</wicket:head>
<wicket:panel xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
<div class="col-xs-12">
<div class="col-xs-12">
<div class="form-group">
<div class="col-sm-3">
<input type="submit" value="Request" class="btn btn-danger"/>
</div>
<div class="col-sm-3">
<label for="quotationId" wicket:id="quotationIdLabel"></label>
<div>
<input wicket:id="quotationId" type="text" size="20"/>
</div>
</div>
<div class="col-sm-3">
<label for="product" wicket:id="productLabel"></label>
<div>
<select class="form-control" wicket:id="product"/>
</div>
</div>
<div class="col-sm-3">
<label for="contract" wicket:id="contractLabel"></label>
<div>
<input type="hidden" wicket:id="contract"/>
</div>
</div>
<div class="col-sm-3" style="padding: 0">
<label for="customer" wicket:id="customerLabel"></label>
<div>
<input class="form-control" type="hidden" wicket:id="customer"/>
</div>
</div>
<div class="col-sm-3">
<label for="serviceLevel" wicket:id="serviceLevelLabel"></label>
<div>
<select class="form-control" wicket:id="serviceLevel"/>
</div>
</div>
<div class="col-sm-3">
<label for="equipmentType" wicket:id="equipmentTypeLabel"></label>
<div>
<input class="form-control" type="hidden" wicket:id="equipmentType"/>
</div>
</div>
<div class="col-sm-3">
<label for="commodity" wicket:id="commodityLabel"></label>
<div>
<select class="form-control" wicket:id="commodity"/>
</div>
</div>
<span class="col-sm-3">
<label for="originCountry" wicket:id="originCountryLabel"></label>
<div>
<input type="hidden" style="display: inline-block;" wicket:id="originCountry"/>
</div>
</span>
<div class="col-sm-3">
<label for="originDgfStation" wicket:id="originDgfStationLabel"></label>
<div>
<input type="hidden" wicket:id="originDgfStation"/>
</div>
</div>
<div class="col-sm-3">
<label for="destinationCountry" wicket:id="destinationCountryLabel"></label>
<div>
<input type="hidden" wicket:id="destinationCountry"/>
</div>
</div>
<div class="col-sm-3">
<label for="destinationDgfStation" wicket:id="destinationDgfStationLabel"></label>
<div>
<input type="hidden" wicket:id="destinationDgfStation"/>
</div>
</div>
<div class="col-sm-3">
<label for="shippingTerms" wicket:id="shippingTermsLabel"></label>
<div>
<select class="form-control" wicket:id="shippingTerms"/>
</div>
</div>
</div>
<br/>
</div>
</div>
<div class="clearfix"></div>
</wicket:panel>
.表格管制{
填充:0px;
}
将0填充的类“p-0”添加到所需的div中
class=“other class p-0”
尝试以下更具体的选择器:
.form-group .form-control {
padding: 0;
}