你可以将Bootstrap添加到Ionic App吗？

Question

我目前正在开发一个Ionic应用程序,我想知道是否可以添加基于Bootstrap的图像库.我知道Ionic和Bootstrap并不能很好地协同工作,但我想知道它是否可行.

Answer 1

第 1 步：
安装引导程序：

npm 安装引导程序

获取引导程序

第2步：

编辑 package.json：

"description": "An Ionic project",
......
"config": {
    "ionic_sass": "./sass.config.js"
}

第 3 步：

在主文件夹中创建新文件 sass.config.js

module.exports = {
includePaths: [
    "node_modules/ionic-angular/themes",
    "node_modules/ionicons/scss",
    "node_modules/ionic-angular/fonts",
    "node_modules/bootstrap/scss"
  ]
};

第四步：

编辑 variables.scss

@import "noto-sans";
......
@import "bootstrap";

第 5 步：

添加您的引导程序代码：

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>

第 6 步：

运行离子应用程序

离子服务

Answer 2

根据这篇文章Ionic + Twitter 的 Bootstrap CSS 框架 - 再次！，使用 bootstrap 会很费力。但是，我为您找到了这个滑块如何在 Ionic 框架中创建优雅的滑块轮播。

我希望它能帮助你！祝你好运！;)