semantic-ui模态大小不断延伸到页面的高度

我试图实现一个基本的模式，但其大小不断扩展到一个页面的高度。semantic-ui模态大小不断延伸到页面的高度

触发代码：

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

模态代码：

<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>

Modal Window

来源

2015-05-20 Michael Khait

似乎你不能设置模式大小与jQuery插件选项，所以使用CSS，而当模式打开右键点击它，并击中“检查元素”，检查CSS并相应地修改它。 – odedta

事实证明，Bootstrap包与包Semantic-UI我使用的冲突。

简单地做：

meteor remove twbs:bootstrap

事情就解决了。当然，这不是一个理想的解决方案，但我不应该同时使用这两个框架。

enter image description here

好了，大约两小时的调试....

来源

2015-05-20 06:39:17

后，我有同样的问题。我的解决办法是修改从语义UI的模态分量的CSS这样：

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

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

它为我，我希望能帮助你。我同意迈克尔凯特，这个问题可能会发生任何Boostrap和语义UI之间的冲突

来源

2016-11-23 22:11:50 yaircarreno

semantic-ui模态大小不断延伸到页面的高度

回答

相关问题