Pelajari reka bentuk web responsif dengan pelajaran Bootstrap yang boleh anda edit dan pratonton. Bootstrap Code Play menghubungkan penjelasan, kod contoh dan taman permainan supaya anda boleh meneroka bagaimana perubahan dalam penanda mempengaruhi halaman.
BACA, TUKAR, PRATONTON
Pilih topik, baca cara ia berfungsi, kemudian ketik Cuba untuk membuka contohnya dalam editor. Tukar kelas, laraskan kandungan atau tambahkan elemen. Buka Pratonton untuk memeriksa hasilnya, kemudian kembali ke Kod untuk eksperimen lain.
PELAJARI BLOK BINAAN
Latih grid responsif, tipografi, butang, isyarat, jadual dan borang. Terokai komponen seperti kad, bar navigasi, akordion dan dialog dalam trek pembelajaran yang berkaitan. Pelajaran berpandu termasuk langkah, cabaran dan kesilapan biasa untuk membantu anda memahami kod dan bukan sekadar menyalinnya. Pelajaran projek menyatukan konsep dalam contoh seperti bahagian harga dan papan pemuka padat.
PILIH TRACK PEMBELAJARAN
Kaji trek Bootstrap 5.3.8 yang dibundel, atau terokai Bootstrap 4.6.2 dan 3.4.1 untuk projek lama. Trek lama sudah tamat tempoh hayatnya dan disediakan untuk pembelajaran dan migrasi. Trek alfa Bootstrap 6 yang berasingan adalah eksperimen; pratontonnya memerlukan akses internet dan WebView moden.
TERUSKAN BERLATIH
Cari topik atau layari mengikut kategori. Tandakan pelajaran selesai dan lihat kiraan penyiapan anda untuk setiap versi. Buka taman permainan untuk eksperimen HTML anda sendiri, simpan fail dan kembalikannya melalui Fail yang Disimpan.
EDIT DENGAN ALATAN BERGUNA
Gunakan penyerlahan sintaks, buat asal dan buat semula, cari dan gantikan dan pergi ke baris semasa mengerjakan contoh. Simpan sebagai menyimpan salinan berasingan dan Kongsi kod menghantar teks editor melalui pilihan perkongsian yang tersedia.
Untuk pelajar, pelajar kendiri dan pembangun yang menyemak semula susun atur responsif, aplikasi ini menawarkan gelung praktikal: membaca penjelasan, membuat perubahan kecil dan memeriksa output.
Aplikasi ini termasuk pengiklanan. Contoh yang merujuk sumber luaran memerlukan sambungan internet; ketersediaan sumber jauh boleh berbeza-beza.
Pelajari susun atur responsif dengan pelajaran berpandu, HTML boleh edit dan pratonton kod.
Dikemas kini pada
25 Okt 2026