Question

我有angular2-cli项目。我为ui使用bootstrap 3。

现在我需要支持rtl。

我看到在这个链接中我可以通过npm添加bootstrap-rtl。它是否与angular-2 cli项目相匹配？

https://www.npmjs.com/package/bootstrap-rtl-ondemand

Answer 1

您必须首先为angular-2

安装ng-bootstrap

npm install ngx-bootstrap bootstrap --save

然后你必须在ngModule中添加ng-bootstrap：

import { AlertModule } from 'ngx-bootstrap';
...
@NgModule({
...
imports: [AlertModule.forRoot(), ... ],
... 
})

然后你必须从npm：

安装rtl-bootstrap

npm install bootstrap-rtl

最后你必须打开angular-cli.json并在styles数组中插入一个新条目：

 "styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/bootstrap-rtl/dist/css/bootstrap-rtl.min.css",
       ...
]

Answer 2

对Bootstrap 3或Bootstrap 4使用此标准修补程序 RTL Bootstrap

npm bootstrap-rtl for angular-2 cli项目

2 个答案: