css - Top fix for bootstrap divs -


.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%;  }

i have following code , changes height 27px instead of default height of col-md-1. should fix it?

code:

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

span or displayed on top space @ bottom on navbar / div.

adding screenshot better understanding, different div.

screenshot problem

code:

<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 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>


Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -