[解決済み] Angular UI Bootstrapでモーダル幅を大きくするには？

質問

モーダルを作成しています。

var modal = $modal.open({
                    templateUrl: "/partials/welcome",
                    controller: "welcomeCtrl",
                    backdrop: "static",
                    scope: $scope,
                });

は、その幅を広げる方法はありますか？

どのように解決するのですか？

modal-dialogのクラスをターゲットにするために、このようなCSSクラスを使っています。

.app-modal-window .modal-dialog {
  width: 500px;
}

そして、モーダルウィンドウを呼び出すコントローラで、windowClassを設定します。

    $scope.modalButtonClick = function () {
        var modalInstance = $modal.open({
            templateUrl: 'App/Views/modalView.html',
            controller: 'modalController',
            windowClass: 'app-modal-window'
        });
        modalInstance.result.then(
            //close
            function (result) {
                var a = result;
            },
            //dismiss
            function (result) {
                var a = result;
            });
    };