bootstrap 和 mathquill 之间的冲突

Conflict between bootstrap and mathquill

我正在尝试使用 mathquill (0.10.1) 来显示一些静态乳胶 \sqrt{36},而平方根符号只是一个波浪线。我正在使用 bootstrap (4.0.0-beta.3),当我将 <span class="mq">\sqrt{36}</span> 放在 "class container" 的某些 div 中时,它会表现出这种行为。如果我将 span 放在这些容器 div 之外,那么演示文稿就可以正常工作。

我已经搜索了一个解决方案,这对其他人来说似乎是个问题,但建议是更改 mathquill.css 中的 mathquill-rendered-math class 但这不存在在我使用的版本中。有什么解决办法吗?

P.S。我知道还有其他表示数学符号的方法,但我也想在某些时候使用 mathquill 的即时数学符号输入

已修复!我必须将 StaticMath 分配给 javascript (temp = mq.StaticMath($("#mq3")[0]) 中的一个变量,其中 mq3span 的 ID,里面有乳胶)然后使用 temp.reflow() 一旦页面的该区域可见。正如文档所说,mathquill 使用计算尺寸,所以这是问题所在,因为当 mathquill 完成工作时乳胶没有尺寸。