UIB Datepicker Кнопка Высота

Question

Я использую UIB-DatePicker со следующим HTML:

<div id="date-group" class="form-group"> 
    <div class="input-group"> 
     <input id="dateInput" type="text" class="form-control" uib-datepicker-popup="{{format}}" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" ng-model="searchForm.date"/> 
     <span class="input-group-btn"> 
     <button type="button" class="btn btn-default" ng-click="open1()"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </button> 
     </span> 
    </div> 
</div> 

И это выглядит следующим образом. Я использую bootstrap 3.3.6. Какие-либо предложения?

Answer 1

Вы должны изменить CSS на атрибут button .btn-default. Добавьте некоторые изменения к кнопке и измените выравнивание по вертикали или маржу. Тем не менее измените позиционирование.

Я попытался добавить прописку и отрегулировать край кнопки и выравнивание по вертикали, но стиль Bootstrap по умолчанию переопределяет то, что я пробовал, я не могу получить слишком глубокую кодировку прямо сейчас.

Here's a nice little tutorial on styling Bootstrap buttons или use the Bootstrap documentation, чтобы изменить класс кнопки, которую вы используете.

Или взгляните на Угловую директиву для Bootstrap, the Datepicker Popup. Думаю, это ваш лучший выбор.