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

Question

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

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