Angular Bootstrap datepicker太窄了

Question

我已按照Angular UI boostrap page上的演示向我的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>

在控制器中，我为此日期选择器设置了相关数据。 问题在于弹出窗口：它太窄了，无法显示整个日历！

为什么这样做以及解决这个问题的最佳方法是什么？

Answer 1

德语平均“冗长”或换句话说，与英语相比，需要更多的屏幕空间。

您是否尝试将包含的div更改为col-md-4？