Reka letak web responsif Bootstrap

• Bab1 Bootstrap. Seni bina antara muka pengguna
• 1-1 Antara muka pengguna dan seni bina interaksi
• 1-2 Muat turun Bootstrap
• 1-3 Fail yang disertakan
• 1-4 Menggunakan Bootstrap dalam halaman web
• 1-5 susun atur
• 1-6 Reka letak bersarang dan susun atur mengalir
• 1-7 Susun atur responsif
• 1-8 Tukar susun atur lebar tetap sedia ada kepada reka letak responsif
• 1-9 Kelas utiliti untuk susun atur responsif
• 1-10 Tag dan gaya biasa
• 1-11 senarai
• 1-12 kod
• 1-13 Google Prettify
• 1-14 lembaran
• 1-15 bentuk
• 1-16 Awalan dan akhiran kotak teks
• 1-17 butang radio
• 1-18 kotak semak
• 1-19 pilih senarai
• 1-20 Susun atur borang
• 1-21 butang
• 1-22 kumpulan butang
• 1-23 butang dengan menu lungsur
• 1-24 Menu navigasi
• 1-25 Menu lungsur turun dalam menu navigasi
• 1-26 Reka bentuk responsif menu navigasi
• 1-27 Tab #1
• 1-28 Tab #2
• 1-29 Laluan navigasi dan penomboran
• 1-30 Mesej gesaan
• 1-31 lakaran kecil
• 1-32 kotak dialog
• 1-33 petua alat
• 1-34 Runtuhkan kandungan
• 1-35 karusel
• Bab2 Reka bentuk web responsif
• 2-1 Pengenalan kursus
• 2-2 Contoh kehidupan sebenar reka bentuk responsif
• 2-3 viewport - viewport
• 2-4 Konfigurasikan port pandang secara manual
• 2-5 Ketumpatan piksel
• 2-6 Cara menggunakan pertanyaan media
• 2-7 jenis media jenis media
• 2-8 ciri media ciri meida
• 2-9 nisbah aspek lebar tingkap visual kepada ketinggian
• 2-10 nisbah aspek Nisbah lebar kepada ketinggian peranti
• 2-11 orientasi Arah penggunaan peranti
• 2-12 ketinggian (ketinggian tetingkap visual) dan ketinggian peranti (ketinggian peranti)
• 2-13 lebar (lebar tetingkap visual) dan lebar peranti (lebar peranti)
• 2-14 ketumpatan piksel resolusi
• 2-15 Operator - dan
• 2-16 Sertai berbilang pertanyaan media yang dipisahkan dengan koma
• 2-17 Operator - tidak
• 2-18 Reka letak responsif #1
• 2-19 Reka letak responsif #2
• 2-20 Reka letak responsif #3
• 2-21 Navigasi responsif
• 2-22 HTML untuk menu navigasi
• 2-23 CSS untuk menu navigasi
• 2-24 Togol gaya butang
• 2-25 Gaya menu navigasi responsif
• 2-26 Imej responsif
• 2-27 Imej latar belakang responsif
• 2-28 Saiz peranti yang berbeza menggunakan imej yang berbeza
• 2-29 Gunakan imej latar belakang yang berbeza untuk peranti saiz yang berbeza
• 2-30 Tukar imej latar belakang yang berbeza berdasarkan kepadatan skrin
• 2-31 isi gambar
• 2-32 Tayangan slaid responsif
• 2-33 Butang kawalan slaid
• 2-34 Gaya butang kawalan slaid
• 2-35 Betulkan isu slaid yang ditimpa
• 2-36 Kesimpulan