Tutorial Menggunakan Framework Bootstrap

on

 Tutorial Menggunakan Framework Bootstrap 

(Slider Image)


  • File pendukung yang diperlukan adalah:

📂File Bootstrap 5 (latest)

📂Visual Studio (version 2017 - stable)


  • Cara menggunakan pada website

1. Download file Bootstrap 5 diatas

2. Extract file .zip


3. Akan ada file baru dengan nama "bootstrap-5.2.2-dist"


4. Buka folder tersebut, pastikan berisi file css dan js


5. Rename file tersebut menjadi Bootstrap


6. Buka project Web ASP di Visual Studio, copy folder bootstrap




7. Paste di solution folder pada Visual Studio, jika solution folder tidak terbuka (CTRL + ALT + L)

8. Pastikan akan tersalin folder Bootstrap



9. Sekarang kita hanya perlu mengkoneksi kan folder bootstrap ke file codingan kita, dengan cara

10. Selanjutnya kita hanya perlu membaca dokumentasi pada Bootstrap untuk mengetahui component yang di support oleh Bootstrap

Dokumentasi Component/class pada Bootstrap

Dalam penerapan bootstrap kita hanya perlu memanggil class pada tag HTML yang diinginkan, contoh: 

See the Pen Untitled by felicia rivera (@liverra) on CodePen.

Comments

Post a Comment