Manual bahasa Cina Bootstrap

Bootstrap ialah rangka kerja front-end (HTML, CSS dan JavaScript) yang paling popular dan berkuasa yang menjadikan pembangunan web responsif (adaptif) lebih pantas dan mudah.

Memperkenalkan Bootstrap

Bootstrap pada asalnya dicipta oleh pereka bentuk dan pembangun di Twitter pada pertengahan 2010-an. Sebelum ia menjadi rangka kerja sumber terbuka, Bootstrap dikenali sebagai Rangka Tindakan Twitter.

Bootstrap ialah rangka kerja bahagian hadapan yang berkuasa yang menjadikan pembangunan web lebih pantas dan mudah. Ia termasuk templat reka bentuk berasaskan HTML dan CSS untuk mencipta komponen antara muka pengguna biasa seperti borang, butang, navigasi, lungsur turun, makluman, modal, tab, akordion, karusel, petua alat dan banyak lagi.

Anda boleh menjimatkan banyak masa dan usaha menggunakan Bootstrap.

Nota: Secara lalai, Bootstrap 4 adalah responsif dan menggunakan pendekatan yang mengutamakan mudah alih. Bootstrap 4.3 ialah versi Bootstrap yang terbaharu dan paling stabil. Bootstrap 4 disokong oleh semua penyemak imbas moden utama seperti Google Chrome, Firefox, Safari, Internet Explorer 10 dan ke atas, dsb.

Apa yang boleh anda lakukan dengan Bootstrap

• Terdapat banyak lagi yang boleh anda lakukan dengan Bootstrap.

• Anda boleh membuat tapak web responsif dengan mudah.

• Anda boleh membuat reka letak berbilang lajur dengan cepat menggunakan kelas yang dipratentukan.

• Anda boleh membuat pelbagai jenis reka letak borang dengan cepat.

• Anda boleh mencipta variasi bar navigasi yang berbeza dengan cepat.

• Anda boleh membuat komponen dengan mudah seperti akordion, modal, dsb. tanpa menulis sebarang kod JS.

• Anda boleh membuat tab dinamik dengan mudah untuk mengurus sejumlah besar kandungan.

• Anda boleh membuat petua alat dan tetingkap timbul untuk memaparkan teks gesaan.

• Anda boleh membuat karusel atau peluncur imej dengan mudah untuk mempamerkan kandungan anda.

• Anda boleh mencipta pelbagai jenis kotak amaran dengan cepat.

Malah, ia lebih daripada itu, anda boleh melakukan banyak perkara menarik lain dengan Bootstrap. Anda akan mengetahui lebih lanjut tentang semua ini dalam bab seterusnya.

Kelebihan menggunakan Bootstrap

Jika anda mempunyai sedikit pengalaman dengan mana-mana rangka kerja bahagian hadapan, maka anda mungkin tertanya-tanya apakah yang menjadikan Bootstrap begitu istimewa. Berikut ialah beberapa kelebihan mengapa anda perlu memilih rangka kerja Bootstrap:

• Jimat banyak masa - Menggunakan templat reka bentuk dan kelas yang dipratentukan Bootstrap, anda boleh menjimatkan banyak masa dan usaha serta fokus pada kerja pembangunan lain.

• Ciri Responsif - Menggunakan Bootstrap, anda boleh membuat tapak web responsif dengan mudah yang berfungsi lebih baik pada peranti dan resolusi skrin yang berbeza tanpa mengubah penanda.

• REKA BENTUK KONSISTEN - Semua komponen Bootstrap berkongsi templat dan gaya reka bentuk yang sama melalui perpustakaan pusat, jadi reka bentuk dan reka letak halaman web anda akan kekal konsisten.

• Mudah digunakan - Bootstrap sangat mudah digunakan. Sesiapa sahaja yang mempunyai pengetahuan asas tentang HTML, CSS dan JavaScript boleh mula membangun dengan Bootstrap.

• Serasi Penyemak Imbas - Bootstrap dicipta dengan mengambil kira pelayar web moden, ia serasi dengan semua penyemak imbas moden seperti Chrome, Firefox, Safari, Internet Explorer, dll.

• Sumber Terbuka - Bahagian yang terbaik ialah, ia adalah percuma untuk dimuat turun dan digunakan.

Apa yang Dirangkumi Tutorial Ini

Siri tutorial Bootstrap ini merangkumi semua ciri rangka kerja Bootstrap, bermula daripada asas seperti sistem grid, mekanisme gaya tipografi, kaedah penggayaan bentuk dan penggayaan elemen antara muka pengguna biasa seperti jadual, senarai, imej, dsb.) teknik.

Selain itu, anda akan belajar cara memanfaatkan komponen Bootstrap sedia untuk digunakan seperti kumpulan input, kumpulan butang, objek media, bar navigasi, panel, penomboran, label dan lencana, bar kemajuan, dsb. dan cara menyesuaikannya untuk mencipta variasi yang berbeza.

Akhir sekali, anda akan meneroka beberapa ciri lanjutan Bootstrap seperti mencipta tetingkap modal, tab dinamik, petua alat, makluman, menu akordion, karusel, menatal, dll. dan cara menyesuaikannya atau melanjutkannya menggunakan pilihan dan kaedah yang sedia ada. kefungsian.

Sebelum anda belajar kursus ini, sila belajar

• Tutorial HTML

• Tutorial CSS

• Tutorial JAVASCRIPT