Datepicker UI-Bootstrap问题

Question

我正在使用UI Bootstrap的datepicker而且我遇到了一些麻烦。 datepicker工作正常，但日历从两侧溢出。

特殊情况请看这张照片：

我的代码：

HTML

<div class="row">
    <div class="col-md-6 col-md-offset-5">
        <p class="input-group">
            <input type="text" class="form-control" uib-datepicker-popup ng-model="dt" is-open="popup2.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open2()"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>
        </p>
    </div>
</div>

JS

$scope.open2 = function() {
    $scope.popup2.opened = true;
};

$scope.popup2 = {
    opened: false
};

我导入了以下库（相同顺序）

• bootstrap.min.css
• UI-自举-csp.css
• angular.js
• 角animate.js
• 角touch.js
• UI-bootstrap.js
• UI-自举-tpls.js

我错过了什么？对不起基本问题，但我不明白为什么日期选择器有这种行为。