本篇文章為大家介紹angular中整合bootstrap4的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。
相關教學推薦：《angularjs影片教學》、《bootstrap教學》
angular整合bootstrap4
1、開啟終端，輸入指令新一個angular app
ng new app
2、整合bootstrap
#安裝 ngx-bootstrap 和Bootstrap
在新建的專案中開啟終端，執行以下命令
npm install ngx-bootstrap bootstrap --save
3、使用bootstrap樣式
配置項目：必須將項目其配置為包含Bootstrap CSS，才能使用bootstrap的樣式。
在angular.json中增加bootstrap的樣式：從專案的根目錄開啟檔案angular.json，找到Style配置項，指定bootstrap.min.css的路徑。完成後，它應如下所示：
"styles": [ "src/styles.sass", "./node_modules/bootstrap/dist/css/bootstrap.min.css" ],
注意：對angular.json進行更改時，您將需要重新啟動ng服務以獲取配置更改。
4、在app.module.ts中引入要使用的ngx-bootstrap module
開啟src/app/app.module.ts 並且加入想要使用的元件module，例如BsDropdownModule.forRoot()。
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
...
@NgModule({
...
imports: [BsDropdownModule.forRoot(), ... ],
...
})具體使用哪個bootstrap元件，點選https://valor-software.com/ngx-bootstrap/#/documentation查看
更多程式相關知識，請造訪：程式教學！ ！
以上是angular怎麼整合bootstrap4？方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
