javascript - semantic-ui modal size 一直延伸到页面的高度

标签 javascript css meteor 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

最佳答案

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

简单地做:

meteor remove twbs:bootstrap

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

enter image description here

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

关于javascript - semantic-ui modal size 一直延伸到页面的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30341654/

相关文章:

javascript - 在覆盖层内平滑滚动

javascript - JQuery 添加监听器从控制台运行,而不是从 js 文件运行

html - 使子 flexbox 容器可滚动

javascript - 在 Meteor.js 中使用 forEach 生成传单标记

ios - 如何将 JSON 对象数组从 Meteor Collection API 转换为 iOS 对象?

javascript - JSON 匿名类型属性未定义?

javascript - 即使鼠标悬停在子项上也解除绑定(bind)

JavaScript 获取变量的背景颜色

javascript - css位置网页设计

mongodb - 是否可以升级 meteor 的 mongo 安装?