如何在yiistrap扩展bootstrap.widgets.TbModal中更改模态窗口的高度和宽度。一种方法是在bootstrap.css .modal-container中更改高度和宽度参数,但这会改变所有模态窗口的高度和宽度。我想改变一个模态窗口的高度和宽度,而对于其他模态,它应该默认一个。我怎样才能做到这一点?
答案 0 :(得分:2)
只需使用您自己的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']
]);