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。
感谢任何帮助。
最佳答案
当我几年前做同样的事情时,我只是为了主题 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
组件即可
关于css - 如何将 INSPINIA Bootstrap 添加到 Ember 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56102043/