yii - yiistrap でモーダルの高さと幅を変更する

Question

yiistrap 拡張機能の bootstrap.widgets.TbModal でモーダル ウィンドウの高さと幅を変更するにはどうすればよいですか。1 つの方法は、bootstrap.css .modal-container の高さと幅のパラメーターを変更することですが、これはすべてのモーダル ウィンドウの高さと幅を変更します。1つのモーダルウィンドウのみの高さと幅を変更したいのですが、他のモーダルではデフォルトにする必要があります。どうすればこれを達成できますか？

Answer 1

margin-left独自の CSS を使用してモーダルの幅を指定するだけです (モーダルが画面の中央に表示されるように、幅の半分をマイナスに設定することも忘れないでください)。

たとえば、モーダルに追加のクラスを適用できます。

$this->widget('TbModal', [
    'htmlOptions' => ['class' => 'modal-wide']
]);

次の CSS を使用します。

.modal.modal-wide { width: 800px; margin-left: -400px }

または、インライン スタイルを使用することもできます。

$this->widget('TbModal', [
    'htmlOptions' => ['style' => 'width: 800px; margin-left: -400px']
]);