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