# Pengenalan Framework CSS (Bootstrap)

Bootstrap adalah salah satu framework CSS yang paling populer digunakan untuk membangun tata letak responsif dan desain web yang menarik. Berikut adalah beberapa konsep dasar tentang Bootstrap:

Anda dapat mengunjungi situs resmi Bootstrap di [getbootstrap.com](https://getbootstrap.com/) untuk mempelajari lebih lanjut tentang framework CSS Bootstrap, termasuk dokumentasi, tutorial, contoh, dan informasi terkait lainnya. Situs ini merupakan sumber utama untuk semua hal terkait Bootstrap, dan Anda akan menemukan banyak sumber daya yang berguna untuk memulai menggunakan framework ini dalam pengembangan web Anda.

#### Fitur Utama Bootstrap:

1. **Grid System**: Bootstrap menyediakan sistem grid responsif yang memungkinkan pengembang untuk membuat tata letak web yang fleksibel dan responsif dengan mudah.
2. **Komponen UI**: Bootstrap dilengkapi dengan berbagai komponen UI siap pakai seperti tombol, formulir, kartu, navigasi, dan banyak lagi. Ini memungkinkan pengembang untuk membangun antarmuka pengguna yang konsisten dan menarik dengan cepat.
3. **Responsif**: Salah satu keunggulan utama Bootstrap adalah responsif secara alami. Desain yang dibuat dengan Bootstrap akan menyesuaikan diri dengan berbagai ukuran layar, mulai dari desktop hingga perangkat mobile.
4. **Dokumentasi yang Kuat**: Bootstrap dilengkapi dengan dokumentasi yang komprehensif dan tutorial yang memandu pengembang dalam menggunakan berbagai fitur dan komponennya dengan mudah.

#### Menggunakan Bootstrap:

1. **Unduh atau Gunakan CDN**: Anda dapat mengunduh Bootstrap dari situs resminya atau menggunakan CDN (Content Delivery Network) untuk menyertakan file CSS dan JavaScript Bootstrap di halaman web Anda.
2. **Menyertakan File CSS dan JavaScript**: Pastikan Anda menyertakan file CSS Bootstrap dan file JavaScript Bootstrap di halaman web Anda. Ini dapat dilakukan dengan menambahkan tag `<link>` untuk file CSS dan tag `<script>` untuk file JavaScript.
3. **Gunakan Kelas Bootstrap**: Bootstrap menggunakan kelas-kelas CSS tertentu untuk menentukan perilaku dan gaya elemen HTML. Anda dapat menggunakan kelas-kelas ini di elemen HTML Anda untuk menerapkan desain dan fungsionalitas Bootstrap.

#### Contoh Kode Penggunaan Bootstrap:

**Menambahkan Tombol Bootstrap:**

```html
<button class="btn btn-primary">Klik Saya</button>
```

**Membuat Grid System dengan Bootstrap:**

```html
<div class="container">
  <div class="row">
    <div class="col-md-6">
      <p>Kolom 1</p>
    </div>
    <div class="col-md-6">
      <p>Kolom 2</p>
    </div>
  </div>
</div>
```

Dengan Bootstrap, pengembang dapat dengan cepat dan mudah membuat desain web yang responsif, menarik, dan konsisten dengan menggunakan komponen-komponen dan fitur yang disediakan oleh framework ini.

