Bootstrap Code Play

Pelajari desain web responsif dengan pelajaran Bootstrap yang dapat Anda edit dan pratinjau. Bootstrap Code Play menghubungkan penjelasan, contoh kode, dan tempat bermain sehingga Anda dapat menjelajahi bagaimana perubahan pada markup memengaruhi sebuah halaman.

BACA, UBAH, PRATINJAU

Pilih topik, baca cara kerjanya, lalu ketuk Coba untuk membuka contohnya di editor. Ubah kelas, sesuaikan konten, atau tambahkan elemen. Buka Pratinjau untuk memeriksa hasilnya, lalu kembali ke Kode untuk percobaan lain.

PELAJARI BLOK PEMBANGUNAN

Latih grid responsif, tipografi, tombol, peringatan, tabel, dan formulir. Jelajahi komponen seperti kartu, bilah navigasi, akordeon, dan dialog di jalur pembelajaran yang relevan. Pelajaran terpandu mencakup langkah-langkah, tantangan, dan kesalahan umum untuk membantu Anda memahami kode daripada hanya menyalinnya. Pelajaran proyek menyatukan konsep dalam contoh seperti bagian harga dan dasbor ringkas.

PILIH JALUR PEMBELAJARAN

Pelajari jalur Bootstrap 5.3.8 yang disertakan, atau jelajahi Bootstrap 4.6.2 dan 3.4.1 untuk proyek yang lebih lama. Jalur yang lebih lama sudah tidak didukung lagi dan disediakan untuk pembelajaran dan migrasi. Jalur alpha Bootstrap 6 terpisah bersifat eksperimental; pratinjaunya memerlukan akses internet dan WebView modern.

TERUS BERLATIH

Cari topik atau telusuri berdasarkan kategori. Tandai pelajaran sebagai selesai dan lihat jumlah penyelesaian Anda untuk setiap versi. Buka playground untuk eksperimen HTML Anda sendiri, simpan file, dan kembali ke sana melalui File Tersimpan.

EDIT DENGAN ALAT YANG BERGUNA

Gunakan penyorotan sintaks, batalkan dan ulangi, cari dan ganti, dan pergi ke baris saat mengerjakan contoh. Simpan sebagai menyimpan salinan terpisah, dan Bagikan kode mengirimkan teks editor melalui opsi berbagi yang tersedia.

Bagi siswa, pembelajar mandiri, dan pengembang yang meninjau kembali tata letak responsif, aplikasi ini menawarkan siklus praktis: baca penjelasan, buat perubahan kecil, dan periksa hasilnya.

Aplikasi ini menyertakan iklan. Contoh yang merujuk pada sumber daya eksternal memerlukan koneksi internet; ketersediaan sumber daya jarak jauh dapat bervariasi.