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.
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
Post a Comment