Угловая Bootstrap datepicker слишком узкая

Question

Я следил за демо на Angular UI boostrap page, чтобы добавить datepicker на мой сайт Django. я включил следующие файлы:

<script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/angular.js' %}" ></script> 
<script type="text/javascript" src="{% static 'js/bootstrap-switch.js' %}" ></script> 
<script type="text/javascript" src="{% static 'js/angular-bootstrap-switch.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/bsSwitch.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/angular-locale_pl-pl.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui-bootstrap-tpls-1.1.0.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/gabinet.js' %}"></script> 

Я добавил этот HTML код:

<h4>Wybierz miesiąc</h4> 
    <div class="row"> 
     <div class="col-md-3"> 
      <p class="input-group"> 
       <input type="text" class="form-control" uib-datepicker-popup="{[{format}]}" ng-model="dt" is-open="popup1.opened" ng-required="true" show-button-bar="false" datepicker-popup="mediumDate" show-weeks="false" datepicker-popup="yyyy-mm"/> 
       <span class="input-group-btn"> 
        <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 
       </span> 
      </p> 
     </div> 
    </div> 

В настройках контроллера ввода соответствующих данных для этого DatePicker. Проблема во всплывающем окне: это просто слишком узко, чтобы отобразить весь календарь!

Почему это и что будет лучший способ исправить это?

Answer 1

Немецкий язык в среднем «многословный» или, другими словами, нуждается в дополнительном пространстве для экранной недвижимости по сравнению с английским.

Вы пытались сменить свой содержащий div на col-md-4?