css - 如何将 INSPINIA Bootstrap 添加到 Ember 应用程序

Question

Ember 的第 3 方 Bootstrap 模板新用户需要帮助。

我购买了 INSPINIA来自 www.wrapbootstrap.com 的管理模板。下载包含多个预创建的元素，其中内置了 INSPINIA(例如 Angular、Rails 等)，但不适用于 Ember。我联系了创作者，想看看他们是否可以包括一个 Ember 元素，但他们拒绝了。

所以，我很好奇，有谁知道如何将 INSPINIA 添加到 Ember 网络应用程序中？是不是简单到ember install bootstrap然后复制*.css文件？注意:INSPINIA 模板附带的文件远不止一个 *.css，我正在为 Web API 使用 ASP.NET CORE 2.2。

感谢任何帮助。

Answer 1

当我几年前做同样的事情时，我只是为了主题 css 而购买了主题。我使用了他们的 less 并将其集成到我现有的 ember 构建中。现在我会使用 scss 但它并不重要。

重要的是要了解 bootstrap js 组件不会简单地在您的 ember 应用程序的上下文中工作。如果您希望回调、事件、绑定(bind)等存在于 ember 的上下文中(即在 ember 的运行循环和生命周期中)，您需要包装每个单独的组件.幸运的是，ember-boostrap正是为你做的。此插件为您提供了引入 bootstrap scss 的最简单方法。此插件也不使用 Bootstrap 的 js，而是以一种 ember 感知的方式完整实现了 Bootstrap 组件。

ember-bootstrap deliberately excludes bootstrap.js because the jQuery and Ember ways of control flow and animation sometimes don't play well together, causing unpredictable results. This is the main motivation behind ember-bootstrap. It is possible to import bootstrap.js from bower_components or the vendor folder. This is NOT recommended or supported, and you will be on your own. You have been warned!

一旦您在 ember-cli-build.js 文件中正确设置了 scss 预处理，您应该或多或少地使用它们的标记直接地。但是，您需要对遇到 Bootstrap 标记(包含将由 Bootstrap 的 js 处理的数据类的内容)有一些了解。在这种情况下，您只需使用 ember-bootstrap 组件即可