semantik-ui modal boyutu bir sayfanın yüksekliğine kadar uzamaya devam ediyor

Question

Temel bir model kullanmaya çalışıyorum, ancak bir sayfanın boyuna genişletiliyor.

Tetik kodu:

$('.ui.modal.apply-modal').modal('show'); 

Modal Kodu:

<div class="ui modal apply-modal"> 
<i class="close icon"></i> 
<div class="header"> 
    Modal Title 
</div> 
<div class="content"> 
    facebook 
</div> 
<div class="actions"> 
    <div class="ui button">Cancel</div> 
    <div class="ui button">OK</div> 
</div> 

Answer 1

O Bootstrap paket kullandığım Semantic-UI paketiyle çakıştığını çıkıyor. yaparak Basitçe

:

meteor remove twbs:bootstrap 

şeyler çözüldü gördü. İdeal bir çözüm değil, ancak her iki çerçeveyi de aynı anda kullanmamalıyım.

Eh, ayıklama yaklaşık iki saat ....

Answer 2

sonra aynı sorunu vardı. Bana uyar

.modal { position: relative;} or #myModal { position: relative;} 

<div id="myModal" class="ui small modal"></div> 

, sana yardım için umut: My çözüm bu şekilde Semantik UI'dan modal bileşenin CSS değiştirmek oldu. Modal açıkken bunu yerine CSS kullanmak jQuery eklentisi seçenekleri ile kalıcı boyutunu ayarlamak olamaz gibi Michael Khait katılıyorum, bu konu belki Boostrap ve Semantik UI arasında herhangi bir çelişki oluşur