带有 bootstrap 框架的 extjs
extjs with bootstrap framework
我希望将 bootstrap 或 flatui 样式添加到我的 ExtJS 5 应用程序中。现在，我做了一些调查并尝试了一些东西
直接在应用程序索引文件中包含bootstrap css和js文件。这效果不佳，因为 extjs 默认样式似乎覆盖了 bootstrap 样式。而且，sencha 按钮和其他组件的创建方式有多个嵌套，因此即使 bootstrap 样式没有被覆盖，它仍然无法正常工作。
从 extjs 4 中提取 extjs-bootstrap-theme 并将其调整为 5。唯一的问题是，它的 bootstrap 样式非常有限，因为这是构建的作为煎茶主题。
有没有人有这方面的经验？最好的方法是什么？谢谢
如果您使用 ExtJS，您应该接受 ExtJS 主题系统和指南。
按照他们的说法，最好的方法是从 ext-theme-crisp 或 ext-theme-neptune 派生一个新主题，为此您覆盖已记录的 CSS 变量并创建一个新的图标集以制作新主题尽可能匹配 bootstrap/flatui 的外观。只有这样，当这个告一段落，还需要改动的时候，可以添加JS代码或者自定义CSS.
虽然 ExtJS 有 500 多个 CSS 变量，但我的猜测是您必须更改其中的 20 到 100 个才能使其非常匹配。
您应该从 Global_CSS 中最通用的变量开始，例如 $base-color，然后继续处理更详细的变量，这些变量通常是从通用变量派生的。所以在最好的情况下，您可以跳过其中的 100 个，因为您已经将 $base-color 更改为正确的值。
我希望将 bootstrap 或 flatui 样式添加到我的 ExtJS 5 应用程序中。现在，我做了一些调查并尝试了一些东西
直接在应用程序索引文件中包含bootstrap css和js文件。这效果不佳，因为 extjs 默认样式似乎覆盖了 bootstrap 样式。而且，sencha 按钮和其他组件的创建方式有多个嵌套，因此即使 bootstrap 样式没有被覆盖，它仍然无法正常工作。
从 extjs 4 中提取 extjs-bootstrap-theme 并将其调整为 5。唯一的问题是，它的 bootstrap 样式非常有限，因为这是构建的作为煎茶主题。
有没有人有这方面的经验？最好的方法是什么？谢谢
如果您使用 ExtJS，您应该接受 ExtJS 主题系统和指南。
按照他们的说法，最好的方法是从 ext-theme-crisp 或 ext-theme-neptune 派生一个新主题，为此您覆盖已记录的 CSS 变量并创建一个新的图标集以制作新主题尽可能匹配 bootstrap/flatui 的外观。只有这样，当这个告一段落，还需要改动的时候，可以添加JS代码或者自定义CSS.
虽然 ExtJS 有 500 多个 CSS 变量，但我的猜测是您必须更改其中的 20 到 100 个才能使其非常匹配。
您应该从 Global_CSS 中最通用的变量开始，例如 $base-color，然后继续处理更详细的变量，这些变量通常是从通用变量派生的。所以在最好的情况下，您可以跳过其中的 100 个，因为您已经将 $base-color 更改为正确的值。