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

时间:2013-10-04 09:10:31

标签: yii yii-extensions

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

1 个答案:

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