bootstrap和mathquill之间的冲突

时间:2018-03-03 23:54:35

标签: css twitter-bootstrap mathquill

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

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

P.S。我意识到还有其他方法可以呈现数学符号,但我想在某些时候使用mathquill的动态数学符号输入

1 个答案:

答案 0 :(得分:0)

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