Menginstall bootstrap pada angular 8 sangat mudah. Pertama-tama setelah kita membuat aplikasi angular, tambahkan satu button bootstrap pada app.component.html di atas resource:
1 2 3 4 |
<button class="btn btn-primary">Bootstrap Button</button> <!-- Resources --> <h2>Resources</h2> |
Saat pertama kali dijalankan, kelas bootstrap tidak akan terinstall dan tampilan button masih sederhana. Untuk mengaktifkan kelas bootstrap, install package bootstrap dari npm :
1 |
npm install --save bootstrap |
Setelah itu, modifikasi angular.json dengan menambahkan bootstrap css dan bootstrap js :
1 2 3 4 5 6 7 |
"styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css", ], "scripts": [ "node_modules/bootstrap/dist/js/bootstrap.min.js", ] |
Restart server angular :
1 |
ng serve |
Maka sekarang class bootstrap sudah terinstall pada tombol, dan komponen serta kelas bootstrap yang lainnya sudah bisa digunakan pada aplikasi angular :