语义模式大小一直延伸到页面的高度

Mic*_*ait 8 javascript css css3 meteor semantic-ui

我正在尝试实现一个基本模态,但它的大小保持扩展到页面的高度.

触发代码:

$('.ui.modal.apply-modal').modal('show');
Run Code Online (Sandbox Code Playgroud)

模态代码:

<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>
Run Code Online (Sandbox Code Playgroud)

模态窗口

Mic*_*ait 11

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

只需做:

meteor remove twbs:bootstrap
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

好吧,经过大约两个小时的调试......