Pada kesempatan kali ini saya akan menjelaskan cara instal bootstrap4 di angular6. Perlu teman-teman ketahui sebelumnya, untuk menghubungkan angular6 dengan bootstrap perlu melakukan instalasi dependensi melalui npm dengan mengetikan ” npm install bootstrap ” melalui command line untuk keperluan pembuatan template. Untuk saat ini bootstrap sendiri sudah versi yang terbaru yaitu versi 4 sedangkan untuk angular yang terbaru saat ini adalah versi angular 6. Untuk melakukan instalasi bootstrap4 di angular6, teman-teman dapat mengikuti tahapan dibawah ini.
Berikut Tahapannya :
- Disini sebelumnya saya asumsikan bahwa saja kalian sudah melakukan instalasi angular6 beserta dengan kebutuhan lainnya
- Selanjutnya, buka command prompt dan arahkan ke dalam direktori folder project angular yang ingin di install bootstrap
- Jika sudah, ketikan perintah seperti berikut :
npm install bootstrap
- Jika proses instalasi sudah selesai, sampai disini teman-teman hanya perlu melakukan import file bootstrap didalam file style.css bawaan dari angular6 tersebut.
- Lokasinya terdapat di direktori src/style.css
- Buka file css tersebut dan masukan kode import file css seperti dibawah ini
@import "~bootstrap/dist/css/bootstrap.css";
- Sampai disini teman-teman sudah selesai, dan bootstrap siap untuk digunakan.
Sampai disini penjelasan saya mengenai cara instal bootstrap4 di angular6, semoga bermanfaat.