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

标签 css asp.net ember.js ember-cli

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/

相关文章:

javascript - 如何获得两个位置值 : Fixed and Absolute? 的函数

html - 影响子文本的背景不透明度

asp.net - 如何在 ASP.NET 中设置嵌套面板控件的样式

node.js - 无法在 Ember CLI 应用程序中运行 npm install?

ember.js - 更改路线时重新渲染模板

jquery - 为什么 Chosen Select DropDown 位于页脚 DIV 下方

IIS7 上的 ASP.NET 应用程序 - iisreset 后启动非常慢

javascript - 单击 anchor 链接时如何在转发器中查找文本框值

javascript - 直接访问 EmberJS 分发应用程序中的路由时出现 404 错误

html - 文本缩进不适用于 <span> <li> child