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

Question

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

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