Bootstrap 4 - Komponen
Deskripsi
Bootstrap 4 menggunakan kumpulan metode konten untuk menampilkan teks, blok kode, gambar responsif, data dalam format tabel, dll di halaman web.
Tabel berikut mencantumkan metode konten yang dapat Anda gunakan untuk memanipulasi Bootstrap 4 -
| S.No. | Metode & Deskripsi |
|---|---|
| 1 | Peringatan Komponen peringatan menentukan pesan yang telah ditentukan sebelumnya untuk tindakan pengguna. |
| 2 | Lencana Lencana digunakan untuk menyoroti informasi tambahan pada konten. |
| 3 | Remah roti Ini digunakan untuk memperlihatkan informasi berbasis hierarki untuk sebuah situs. |
| 4 | Tombol Bootstrap menyediakan tombol yang dapat diklik untuk meletakkan konten seperti teks dan gambar. |
| 5 | Grup tombol Grup tombol memungkinkan beberapa tombol untuk ditumpuk bersama dalam satu baris. |
| 6 | Kartu-kartu Kartu adalah wadah konten yang menampilkan kotak berbatasan dengan beberapa bantalan di sekitarnya. |
| 7 | Korsel Carousel adalah cara yang fleksibel dan responsif untuk menambahkan slider ke situs Anda. |
| 8 | Jatuh Ini digunakan untuk menampilkan atau menyembunyikan konten. |
| 9 | Dropdown Menu dropdown dapat digunakan untuk menampilkan link dalam format daftar. |
| 10 | Formulir Elemen formulir digunakan untuk mengumpulkan masukan dari pengguna. |
| 11 | Kelompok masukan Dengan menggunakan kelompok masukan, Anda dapat dengan mudah menambahkan teks atau tombol ke masukan berbasis teks. |
| 12 | Jumbotron Ini meningkatkan ukuran tajuk dan menambahkan banyak margin untuk konten halaman arahan. |
| 13 | Modal Modal adalah jendela anak yang dilapisi di atas jendela induknya. |
| 14 | Navs Bootstrap menyediakan item navigasi untuk situs Anda dalam menu horizontal. |
| 15 | Navbar Navbar menyediakan tajuk navigasi untuk aplikasi atau situs Anda. |
| 16 | Penomoran halaman Penomoran halaman digunakan untuk membagi konten terkait di beberapa halaman. |
| 17 | Popovers Popover mirip dengan tooltip, menawarkan tampilan yang diperluas lengkap dengan judul. |
| 18 | Kemajuan Bilah kemajuan menunjukkan kemajuan suatu proses dengan bilah bertumpuk, latar belakang animasi, dan label teks. |
| 19 | Scrollspy Scrollspy digunakan untuk menunjukkan link yang sedang aktif di menu berdasarkan posisi scroll. |
| 20 | Tooltips Tooltip berguna ketika Anda perlu mendeskripsikan link. |