Bootstrap 4 darsligi
Bootstrap 4’ni o‘rganing
Bootstrap 4 — moslashuvchan, mobile-first (avvalo mobil qurilmalarga mo‘ljallangan) veb-saytlar ishlab chiqish uchun eng mashhur HTML, CSS va JavaScript freymvorki bo‘lgan Bootstrap’ning yangiroq versiyasi.
Bootstrap 4’ni yuklab olish va undan foydalanish mutlaqo bepul!
"O‘zingiz sinab ko‘ring" misollari
Ushbu Bootstrap 4 darsligida yuzlab Bootstrap 4 misollari mavjud.
Onlayn muharririmiz yordamida kodni tahrirlab, natijani ko‘rish uchun tugmani bosishingiz mumkin.
Bootstrap 4 misoli
<div class="jumbotron text-center">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor..</p>
</div>
</div>
</div>
O‘zingiz sinab ko‘ring »Qanday ishlashini ko‘rish uchun "O‘zingiz sinab ko‘ring" tugmasini bosing.
Bootstrap 5 va Bootstrap 3 & 4
Ushbu darslik 2018-yilda Bootstrap 3’ning yangilangan versiyasi sifatida chiqarilgan Bootstrap 4’ga asoslangan: unda yangi komponentlar, tezroq ishlaydigan stillar jadvallari (stylesheet), yuqoriroq moslashuvchanlik va boshqa yangiliklar mavjud.
Bootstrap 5 (2021-yilda chiqarilgan) — Bootstrap’ning eng yangi versiyasi; u barcha asosiy brauzerlar va platformalarning eng so‘nggi barqaror versiyalarini qo‘llab-quvvatlaydi. Biroq Internet Explorer 11 va undan oldingi versiyalar qo‘llab-quvvatlanmaydi.
Bootstrap 5’ning Bootstrap 3 va 4 dan asosiy farqi shundaki, Bootstrap 5 jQuery o‘rniga JavaScript’ga o‘tgan.
Eslatma: Bootstrap 3 va Bootstrap 4 hanuz jamoa tomonidan jiddiy xatolarni tuzatish va hujjatlarni yangilash doirasida qo‘llab-quvvatlanadi, shuning uchun ulardan foydalanishda davom etish mutlaqo xavfsiz. Biroq ularga yangi imkoniyatlar QO‘SHILMAYDI.
Bootstrap 4 asosiy shabloni
Biz Bootstrap 4 yordamida moslashuvchan boshlang‘ich shablon yaratdik. Siz uni bemalol o‘zgartirishingiz, saqlashingiz, ulashishingiz va loyihalaringizda ishlatishingiz mumkin:
Natijalaringizni kuzatib boring
W3Schools hisobini yarating va qo‘shimcha imkoniyatlar hamda o‘quv materiallaridan foydalaning:
Tugatgan darsliklaringiz, mashqlaringiz va testlaringizni ko‘ring- O‘zlashtirishingiz va kunlik faollik seriyalaringizni (streak) kuzatib boring
- Reyting jadvaliga qo‘shiling va boshqalar bilan bellashing
- O‘z avataringizga ega bo‘ling va yangi ko‘rinishlarni (skin) oching
- Shaxsiy veb-saytingizni yarating
Eslatma
Bu ixtiyoriy imkoniyat. W3Schools’da hisob yaratmasdan ham o‘qishingiz mumkin.
Bootstrap ma’lumotnomalari
Barcha Bootstrap 4 CSS klasslarining tavsif va misollar bilan to‘liq ro‘yxati:
Agar Bootstrap komponentlari bilan ko‘proq ishlarni amalga oshirmoqchi bo‘lsangiz, to‘liq Bootstrap 4 JavaScript/jQuery ma’lumotnomamizni ko‘ring — barchasi "O‘zingiz sinab ko‘ring" misollari bilan:
Bootstrap 4 mashqlari
Bootstrap 4 testi
Bootstrap 4 bo‘yicha ko‘nikmalaringizni W3Schools’da sinab ko‘ring!
Bilasizmi?
W3.CSS — Bootstrap’ga ajoyib muqobil.
W3.CSS hajmi kichikroq, tezroq ishlaydi va undan foydalanish osonroq.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!