我想为我的 ExtJS 5 应用程序添加 bootstrap 或 flatui 样式。现在，我做了一些调查并尝试了一些事情
只需在应用程序索引文件中直接包含 Bootstrap css 和 js 文件。这效果不佳，因为 extjs 默认样式似乎覆盖了 Bootstrap 样式。而且，sencha 按钮和其他组件的创建方式有多个嵌套，因此即使 Bootstrap 样式没有被覆盖，它仍然无法正常工作。
从 extjs 4 中提取 extjs-bootstrap-theme 并将其调整为 5。唯一的问题是，它的 Bootstrap 样式非常有限，因为它是作为 sencha 主题构建的。
有没有人有这方面的经验？最好的方法是什么？谢谢
最佳答案
如果您使用 ExtJS，您应该接受 ExtJS 主题系统和指南。
按照他们的说法，最好的方法是从 ext-theme-crisp 或 ext-theme-neptune 派生一个新主题，为此您覆盖文档化的 CSS变量并创建一个新的图标集，使新主题尽可能匹配 bootstrap/flatui 的外观。只有这样，当这一切结束并且仍然需要更改时，您可以添加 JS 代码或自定义 CSS。
虽然 ExtJS 有超过 500 个 CSS 变量，但我的猜测是您必须更改其中的 20 到 100 个才能使其非常匹配。
您应该从 Global_CSS 中最通用的变量开始like $base-color，然后进行更详细的变量，这些变量通常是从通用变量中派生出来的。所以在最好的情况下，您可以跳过其中的 100 个，因为您已经将 $base-color 更改为正确的值。
关于javascript - 带有引导框架的 extjs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34408736/