bootstrap div的顶级修复程序

Question

＆＃13;

＆＃13;

.divCounterText{
    text-align: center;
}

.resultsCounterTxt{
	color: #FFF;
    font-size: 12pt;
	padding:1%;
	text-align:center;
}

.resultsCtrValue {
    color: #FFF;
    font-size: 28px;
}

.touchImageSearch {
    width: 83%;
    height: 70%;
    outline: none;
    cursor: hand;
    padding:1%;
	text-align:center;
}

.orDivText{
	padding:20%;
    color: #FFFFFF;
    font-size: 14pt;
}

#orText{
	height: 100%;
}

#searchManual{
	border-radius: 5pt;
    width: 100%;
    padding: 4%;
    text-align: center;
}

.paddingCol{
	padding:1%;
}

＆＃13;

＆＃13;

＆＃13;

我有以下代码，它将高度更改为27px而不是默认高度col-md-1。应该解决什么问题？

代码：

 <div class="col-xs-1 col-sm-1 col-md-1 clearfix divCounterText">
    <span class="orDivText">or</span> 
 </div>

span或显示在导航栏/ div上的底部空间顶部。

添加屏幕截图以便更好地理解，使用不同的div。

代码：

＆＃13;

＆＃13;

<div class="col-xs-1 col-sm-1 col-md-1" id="orText">
				<div class="orDivText">or</div>
			</div>
			<div class="col-xs-4 col-sm-4 col-md-4 paddingCol">
				<input type="text" id="searchManual" class="form-control" placeholder="Last,First,Res #, Visual ID"/>
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1">
				<div id="arrivalDate" class="calanderSize" 
                    ng-click="searchReservationVm.arrivalDtOpen($event)">
						<span>
							<button tabindex="4" class="dateSearchBar" class="btn btn-primary" id="one"
                                datepicker-popup="{{'MMM d'}}"
                                ng-model="searchReservationVm.searchRQ.arrivalDate"
                                is-open="searchReservationVm.arrivalDtOpened"
                                ng-change="searchReservationVm.arrivalDateChange()"
                                datepicker-options="dateOptions"
                                show-weeks="false"
                                current-text="Reset To Today's Date"
                                ng-focus="searchReservationVm.arrivalDtOpen($event)">
								<div class="text calFontDate" title="Select Arrival Date">
									{{ searchReservationVm.searchRQ.arrivalDate | date : 'MMM' }}</br>
									<div class="datediv">
									{{  searchReservationVm.searchRQ.arrivalDate | date : 'd' }}
									</div>
								</div>
							</button>
						</span>
                </div>
			</div>

＆＃13;

＆＃13;

＆＃13;