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 :

  • 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

  • Sampai disini teman-teman sudah selesai, dan bootstrap siap untuk digunakan.

Sampai disini penjelasan saya mengenai cara instal bootstrap4 di angular6, semoga bermanfaat.