语义 UI 模态大小不断扩展到页面的高度 [英] semantic-ui modal size keeps extending to the height of a page

问题描述

我正在尝试实现一个基本的模式，但它的大小一直扩展到页面的高度.

触发代码:

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

模式代码:

<i class="关闭图标"></i><div class="header">模态标题
<div class="内容">Facebook

<div class="actions"><div class="ui button">取消</div><div class="ui button">OK</div>

解决方案

原来是 Bootstrap 包与我使用的 Semantic-UI 包冲突.

简单地做:

meteor 删除 twbs:bootstrap

事情解决了.当然，这不是一个理想的解决方案，但无论如何我都不应该同时使用这两个框架.

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

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

Trigger code:

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

Modal Code:

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

解决方案

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

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