我目前正在开发一个 Ionic 应用程序,我想知道是否可以添加基于 Bootstrap 的图像库。我知道 Ionic 和 Bootstrap 不能很好地协同工作,但我想知道这是否可能。
Step 1:
安装引导程序:
npm 安装引导程序
获取引导程序 https://getbootstrap.com/
Step 2:
编辑package.json:
"description": "An Ionic project",
......
"config": {
"ionic_sass": "./sass.config.js"
}
Step 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"
]
};
Step 4:
编辑变量.scss
@import "noto-sans";
......
@import "bootstrap";
Step 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>
Step 6:
运行离子应用程序
离子服务
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)