改变yiistrap中模态的高度和宽度

改变yiistrap中模态的高度和宽度,yii,yii-extensions,Yii,Yii Extensions,如何在yiistrap扩展bootstrap.widgets.TbModal中更改模式窗口的高度和宽度。一种方法是更改bootstrap.css.modal容器中的高度和宽度参数,但这将更改所有模态窗口的高度和宽度。我只想更改一个模态窗口的高度和宽度,而对于其他模态,它应该默认为一个。如何实现这一点?只需使用自己的CSS指定模式的宽度(不要忘了将左边距设置为宽度的负一半,以便模式显示在屏幕中央) 例如,可以将其他类应用于模态: $this->widget('TbModal', [

如何在yiistrap扩展bootstrap.widgets.TbModal中更改模式窗口的高度和宽度。一种方法是更改bootstrap.css.modal容器中的高度和宽度参数,但这将更改所有模态窗口的高度和宽度。我只想更改一个模态窗口的高度和宽度,而对于其他模态,它应该默认为一个。如何实现这一点?

只需使用自己的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']
]);

谢谢乔恩的解决方案。