语义模态大小保持延伸到页面的高度 [英] semantic-ui modal size keeps extending to the height of a page

问题描述

我想实现一个基本的模态，但它的大小仍然被扩展到页面的高度。

I'm trying to implement a basic modal, but its size is kept being extended to height of a page.

触发器代码：

$('.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>

推荐答案

Bootstrap 套件与

It turns out that Bootstrap package is conflicting with Semantic-UI package I use.

只需执行以下操作即可：

Simply by doing:

meteor remove twbs:bootstrap

虽然不是理想的解决方案，但我不应该同时使用这两个框架。

Things got resolved. Granted, not an ideal solution, but I should not be using both frameworks at the same time anyways.

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

Well, after about two hours of debugging....

这篇关于语义模态大小保持延伸到页面的高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！