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