UIB日付ピッカーのボタンの高さ

Question

私は、次のHTMLをUIB-日付ピッカーを使用しています：

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

、それはこのようになります。私はブートストラップ3.3.6を使用しています。助言がありますか？

Answer 1

あなたはbutton .btn-default属性にCSSを変更する必要があります。いくつかのパディングをボタンに追加して、垂直方向の整列またはマージンを変更します。それにもかかわらず、位置を変更してください。

パディングを追加してボタンのマージンと縦線を調整しようとしましたが、デフォルトのブートストラップ・スタイリングが試したものを上書きしてしまいました。

Here's a nice little tutorial on styling Bootstrap buttonsまたはuse the Bootstrap documentationあなたが使用しているボタンのクラスを変更します。

または、ブートストラップのAngularディレクティブthe Datepicker Popupを見てください。私はそれがあなたの最善の策だと思います。