bahagian seterusnya: 应用媒体查询的方法2717 permainan

5 秒后自动播放下一节
  Tonton Lagi

Reka letak web responsif Bootstrap

pengenalan >
babperisian kursus
Bab1Bootstrap. Seni bina antara muka pengguna

Antara muka pengguna dan seni bina interaksi

01 minitunit-symbols

Muat turun Bootstrap

02 minitunit-symbols

Fail yang disertakan

02 minitunit-symbols

Menggunakan Bootstrap dalam halaman web

05 minitunit-symbols

susun atur

04 minitunit-symbols

Reka letak bersarang dan susun atur mengalir

03 minitunit-symbols

Susun atur responsif

04 minitunit-symbols

Tukar susun atur lebar tetap sedia ada kepada reka letak responsif

03 minitunit-symbols

Kelas utiliti untuk susun atur responsif

02 minitunit-symbols

Tag dan gaya biasa

03 minitunit-symbols

senarai

03 minitunit-symbols

kod

03 minitunit-symbols

Google Prettify

02 minitunit-symbols

lembaran

03 minitunit-symbols

bentuk

04 minitunit-symbols

Awalan dan akhiran kotak teks

03 minitunit-symbols

butang radio

02 minitunit-symbols

kotak semak

02 minitunit-symbols

pilih senarai

02 minitunit-symbols

Susun atur borang

02 minitunit-symbols

butang

03 minitunit-symbols

kumpulan butang

02 minitunit-symbols

butang dengan menu lungsur

03 minitunit-symbols

Menu navigasi

05 minitunit-symbols

Menu lungsur turun dalam menu navigasi

02 minitunit-symbols

Reka bentuk responsif menu navigasi

02 minitunit-symbols

Tab #1

02 minitunit-symbols

Tab #2

03 minitunit-symbols

Laluan navigasi dan penomboran

04 minitunit-symbols

Mesej gesaan

02 minitunit-symbols

lakaran kecil

03 minitunit-symbols

kotak dialog

04 minitunit-symbols

petua alat

03 minitunit-symbols

Runtuhkan kandungan

04 minitunit-symbols

karusel

03 minitunit-symbols
Bab2Reka bentuk web responsif

Pengenalan kursus

01 minitunit-symbols

Contoh kehidupan sebenar reka bentuk responsif

02 minitunit-symbols

viewport - viewport

01 minitunit-symbols

Konfigurasikan port pandang secara manual

04 minitunit-symbols

Ketumpatan piksel

02 minitunit-symbols

Cara menggunakan pertanyaan media

01 minitunit-symbols

jenis media jenis media

04 minitunit-symbols

ciri media ciri meida

01 minitunit-symbols

nisbah aspek lebar tingkap visual kepada ketinggian

03 minitunit-symbols

nisbah aspek Nisbah lebar kepada ketinggian peranti

03 minitunit-symbols

orientasi Arah penggunaan peranti

02 minitunit-symbols

ketinggian (ketinggian tetingkap visual) dan ketinggian peranti (ketinggian peranti)

03 minitunit-symbols

lebar (lebar tetingkap visual) dan lebar peranti (lebar peranti)

03 minitunit-symbols

ketumpatan piksel resolusi

05 minitunit-symbols

Operator - dan

04 minitunit-symbols

Sertai berbilang pertanyaan media yang dipisahkan dengan koma

02 minitunit-symbols

Operator - tidak

03 minitunit-symbols

Reka letak responsif #1

03 minitunit-symbols

Reka letak responsif #2

02 minitunit-symbols

Reka letak responsif #3

02 minitunit-symbols

Navigasi responsif

01 minitunit-symbols

HTML untuk menu navigasi

04 minitunit-symbols

CSS untuk menu navigasi

02 minitunit-symbols

Togol gaya butang

03 minitunit-symbols

Gaya menu navigasi responsif

04 minitunit-symbols

Imej responsif

04 minitunit-symbols

Imej latar belakang responsif

01 minitunit-symbols

Saiz peranti yang berbeza menggunakan imej yang berbeza

00 minitunit-symbols

Gunakan imej latar belakang yang berbeza untuk peranti saiz yang berbeza

03 minitunit-symbols

Tukar imej latar belakang yang berbeza berdasarkan kepadatan skrin

03 minitunit-symbols

isi gambar

04 minitunit-symbols

Tayangan slaid responsif

03 minitunit-symbols

Butang kawalan slaid

02 minitunit-symbols

Gaya butang kawalan slaid

03 minitunit-symbols

Betulkan isu slaid yang ditimpa

01 minitunit-symbols

Kesimpulan

00 minitunit-symbols
  • BatalbalasMenghantar
  • Batalhantar notaMenghantar