Bootstrap 

•  APA ITU BOOSTRAP

Bootstrap adalah toolkit frontend yang kuat dan penuh fitur. Dengan Bootstrap kita dapat mempermudah pekerjaan untuk membuat sebah halaman web yang rensonsive. Kemudahan yang ditawarkan oleh Bootstrap adalah Anda tak perlu coding komponen website dari nol. Framework ini tersusun dari kumpulan file CSS dan JavaScript berbentuk class yang tinggal pakai. Class yang disediakan Bootstrap juga cukup lengkap. Mulai dari class untuk layout halaman, class menu navigasi, class animasi, dan masih banyak lainnya. 

Menariknya lagi, Bootstrap bersifat responsive berkat grid system yang digunakan. Sistem grid pada bootstrap menggunakan rangkaian containers, baris, dan kolom untuk menyesuaikan bentuk layout dan konten website Anda.

• TUTORIAL PENGUNDUHAN BOOTSTRAP

📂 File pendukung lainnya yang di perlukan :

• Bootstrap  (Latest Version)
• Visual Studio  (2017 - Stable)

📕 Cara Menggunakan pada Website :

1. Download Bootstrap Terlebih dahulu 

 

2.  Extract file .zip

3. Maka akan ada file "bootstrap-5.2.2-dist"

4. Cek apakah ada file css dan js di dalam file tersebut

5. Ganti nama file tersebut dengan nama bootstrap untuk memudahkan

6. Buka project Web ASP di visual studio kemudian copy file bootstrap

7. Paste di solution folder (Jika tidak ada bisa Ctrl + Alt + L)

8. Maka akan terlihat file bootstrap 

9. Sekarang kita perlu mengkoneksikan antara bootstrap dan web kita

10.  Setelah ini kita hanya perlu membaca dokumentasi pada bootstrap agar mengerti setiap component yang di support oleh bootstrap 

Dokument Bootstrap

Penerapan pada boostrap hanya perlu memanggil class pada tag HTML yang di inginkan

• PENERAPAN BOOTSTRAP

Berikut beberapa contoh Bootstrap menggunakan Table

    1. Tabel Bergaris Warna Hitam

See the Pen Untitled by Andhika Ramaditya (@andika456) on CodePen.

        2. Tabel dengan Hover

See the Pen Untitled by Andhika Ramaditya (@andika456) on CodePen.