html - Janrain Engage 社交登录在 Bootstrap 3 中看起来一团糟

Question

有没有其他人能够使 Janrain Engage 和 Bootstrap 3.x 运行良好？

自从更新我的元素以使用 Bootstrap 3 后，Janrain Engage 登录小部件看起来一团糟，似乎溢出了它的边界。根据a post on the Janrain community forum ，这是由于 Bootstrap 使用了 box-sizing: border-box; . Janrain 声称他们无法进行任何更改，因为他们需要继续支持 IE7，但截至 2014 年 1 月，他们将停止对 IE7 的支持。尽管如此，仍未进行更改，看起来仍然很乱。

这是 Chrome 中的 Janrain Engage 登录小部件的外观:

在 Firefox 中:

不幸的是，社区论坛显然不再对拥有免费帐户的用户开放，而且我似乎无法从 Janrain 工程团队那里得到回应。

我尝试禁用 box-sizing: border-box;在 <div id="janrainModalOverlay"> ，但它会对布局的其余部分产生负面影响。

有没有其他人找到解决此问题的简单方法？

谢谢!

Answer 1

我找到了一个非常简单的修复方法。我不确定为什么我以前没有遇到过这个。在您的 CSS 文件中，添加以下内容:

#janrainModal {
  box-sizing: content-box;
}

希望能帮助那些正在为同样的事情而苦苦挣扎的其他人。