yii - 在 yiistrap 中改变模态的高度和宽度

Question

如何在 yiistrap 扩展 bootstrap.widgets.TbModal 中更改模态窗口的高度和宽度。一种方法是更改​​ bootstrap.css .modal-container 中的高度和宽度参数，但这会改变所有模式窗口的高度和宽度。我只想更改一个模态窗口的高度和宽度，而对于其他模态窗口，它应该默认一个。我怎样才能做到这一点？

Answer 1

只需使用您自己的 CSS 指定模态框的宽度（不要忘记也设置margin-left为宽度的负一半，以便模态框显示在屏幕中央）。

例如，您可以对模态应用一个附加类：

$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']
]);