0
我試着在這個網站我建立使用輸入組。在col-md- *和col-lg- *中表現正常。但在COL-XS-時*它溢出容器像this如何解決col-xs- *中的引導程序輸入組溢出問題?
任何人可以幫助我解決這個問題?
的代碼:
<div class="row" style="border:1px solid #c1c1c1">
<form>
<div class="form-group col-xs-5 col-md-3" style="padding:8px;">
<label for="dari">blah</label>
<input type="date" class="form-control" id="dari"/>
</div>
<style>
@media(min-width: 992px){
.col-md-1.stripe{
width: 1%;
}
}
.col-xs-1.stripe{
width: 1%;
}
</style>
<div class="form-group col-xs-1 col-md-1 stripe" style="margin-top:2em; padding:8px;">
<p><strong>-</strong></p>
</div>
<div class="col-xs-5 col-md-3" style="padding:8px;">
<label for="sampai">blah</label>
<div class="input-group">
<input type="date" class="form-control" id="sampai"/>
<span class="input-group-btn">
<button class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>
<span>  Search</span>
</button>
</span>
</div>
</div>
</form>
</div>
嘗試添加該CSS規則。輸入組{最大寬度:100%} –
你可以提供一個鏈接或請的jsfiddle –