bootsrap UIモーダルサイズ

Question

私は、モーダルを作成しています：

controller.buildingDetailsPopup = function() { 
    var modalInstance = $uibModal.open({ 
     templateUrl: "/app/View/Partials/_biuldingDetailsPopup.html", 
     controller: "biuldingDetailsPopupController", 
     size: 'lg' 

    }); 

は、プロパティのサイズを経由して、より大きな幅を大きくする方法はありますか？ docsから

Answer 1

：

size（タイプ：string、例：lg） - モーダルウィンドウクラスのオプションのサフィックス。使用される値はモーダルクラスに追加されます。つまり、smの値はmodal-smとなります。

おそらくあなた自身のCSSクラスを作成し、それをあなたが望むサイズにしますか？

Answer 2

こんにちは、あなたはモーダルのためのCSSクラスをオーバーライドすることができます。

例：

.modal-dialog { 
    width: 35%; 
} 

    .modal-dialog .modal-lg { 
     width: 60%; 
    } 

Answer 3

私は私のcustomOption（例：mySize）にサイズオプションを設定しますと、以下のようにCSSクラスを作成します。

.modal-mySize { 
    width: 1130px; 
}