Mavzu: html tilida web saxifa yaratish va bootstrap dasturini o’rnatish Reja: html tilida web saxifa yaratish


Download 93.84 Kb.
bet5/6
Sana19.06.2023
Hajmi93.84 Kb.
#1606100
1   2   3   4   5   6
Bog'liq
1-Mavzu

1. HTML5 hujjat turini qo'shing
Bootstrap 5 HTML5 hujjat turini talab qiluvchi HTML elementlari va CSS xususiyatlaridan foydalanadi.
Har doim HTML5 hujjat turini sahifaning boshiga lang atributi va toʻgʻri nom va belgilar toʻplami bilan birga kiriting:



Bootstrap 5 Example



2. Bootstrap 5 birinchi navbatda mobil hisoblanadi
Bootstrap 5 mobil qurilmalarga javob berish uchun mo'ljallangan. Mobil-birinchi uslublar asosiy ramkaning bir qismidir.
To'g'ri renderlash va teginish kattalashtirishni ta'minlash uchun element ichiga quyidagi tegni qo'shing:

Qism width=device-widthsahifaning kengligini qurilmaning ekran kengligiga rioya qilish uchun o'rnatadi (bu qurilmaga qarab o'zgaradi).
Ushbu initial-scale=1qism brauzer tomonidan sahifa birinchi marta yuklanganda boshlang'ich kattalashtirish darajasini o'rnatadi.
3. Konteynerlar
Bootstrap 5 shuningdek, sayt tarkibini o'rash uchun o'z ichiga olgan elementni talab qiladi.
Tanlash uchun ikkita konteyner sinfi mavjud:

  1. Sinf .containersezgir kenglikdagi konteynerni taqdim etadi

  2. Sinf ko'rish oynasining butun kengligini qamrab oluvchi to'liq kenglikdagi konteynerni.container-fluid taqdim etadi

.idish
.idish-suyuqlik
Ikkita asosiy yuklash 5 sahifasi
Quyidagi misolda asosiy Bootstrap 5 sahifasi uchun kod ko'rsatilgan (muvofiq belgilangan kenglikdagi konteyner bilan):
Konteynerga misol



Bootstrap Example









Download 93.84 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling