Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

Bootstrap 3 darsligi

Bootstrap 3’ni o‘rganing

Bootstrap — moslashuvchan, mobile-first (avvalo mobil qurilmalarga mo‘ljallangan) veb-saytlar yaratish uchun eng mashhur HTML, CSS va JavaScript freymvorki.

Bootstrap’ni yuklab olish va undan foydalanish mutlaqo bepul!

Bootstrap’ni hozir o‘rganing ❯

Bootstrap bo‘yicha sertifikat oling

Bootstrap imtihonimiz orqali sertifikat oling: unga sizni boshlang‘ich darajadan imtihonga tayyor darajagacha olib boradigan, mutaxassislar tomonidan puxta tayyorlangan o‘quv to‘plami kiradi.

ULASHISH

"O‘zingiz sinab ko‘ring" misollari

Ushbu Bootstrap darsligida yuzlab Bootstrap misollari mavjud.

Onlayn muharririmiz yordamida kodni tahrirlab, natijani ko‘rish uchun tugmani bosishingiz mumkin.

Responsive Bootstrap Page

Bootstrap 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 mashqlari

Mashqlar yordamida o‘zingizni sinang

Mashq:

Quyidagi ro‘yxatni sahifalash menyusiga aylantirish uchun to‘g‘ri klass nomini qo‘shing.

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

Mashqni boshlash

Bootstrap testi

Bootstrap bo‘yicha ko‘nikmalaringizni W3Schools’da sinab ko‘ring!

Bootstrap testini boshlash!

Natijalaringizni kuzatib boring

W3Schools hisobini yarating va qo‘shimcha imkoniyatlar hamda o‘quv materiallaridan foydalaning:

  • CheckmarkTugatgan darsliklaringiz, mashqlaringiz va testlaringizni ko‘ring
  • CheckmarkO‘zlashtirishingiz va kunlik faollik seriyalaringizni (streak) kuzatib boring
  • CheckmarkReyting jadvaliga qo‘shiling va boshqalar bilan bellashing
  • CheckmarkO‘z avataringizga ega bo‘ling va yangi ko‘rinishlarni (skin) oching
  • CheckmarkShaxsiy veb-saytingizni yarating

Ro‘yxatdan o‘tish »

Eslatma

Bu ixtiyoriy imkoniyat. W3Schools’da hisob yaratmasdan ham o‘qishingiz mumkin.

Bootstrap ma’lumotnomalari

W3Schools’da barcha CSS klasslari, komponentlar va JavaScript plaginlari bo‘yicha to‘liq Bootstrap ma’lumotnomasini topasiz — barchasi "O‘zingiz sinab ko‘ring" misollari bilan:

Barcha Bootstrap klasslarining to‘liq ro‘yxatiOmmabop
Bootstrap CSS: matn/tipografiya Bootstrap CSS: tugmalar Bootstrap CSS: formalar Bootstrap CSS: yordamchi klasslar Bootstrap CSS: rasmlar Bootstrap CSS: jadvallar
Bootstrap komponentlari: ochiluvchi menyular Bootstrap komponentlari: navigatsiya (Navs) Bootstrap komponentlari: Glyphicon’lar
Bootstrap JS Affix Bootstrap JS Alert Bootstrap JS Button Bootstrap JS Carousel Bootstrap JS Collapse Bootstrap JS Dropdown Bootstrap JS Modal Bootstrap JS Popover Bootstrap JS Scrollspy Bootstrap JS Tab Bootstrap JS Tooltip

Bootstrap temalari / shablonlari

Biz bemalol sinab ko‘rishingiz mumkin bo‘lgan bir nechta Bootstrap shablonlarini tayyorladik. Ulardan foydalanish mutlaqo bepul:

Theme Company

Temalarni ko‘rish

Templates

Asosiy shablonlarni ko‘rish

Bootstrap 5 va Bootstrap 3 & 4

Ushbu darslik 2013-yilda chiqarilgan Bootstrap 3’ga asoslangan. Biroq biz yangiroq versiyalarni ham o‘rganamiz: Bootstrap 4 (2018-yilda chiqarilgan) va Bootstrap 5 (2021-yilda chiqarilgan).

Bootstrap 5 — Bootstrap’ning eng yangi versiyasi bo‘lib, unda yangi komponentlar, tezroq ishlaydigan stillar jadvallari (stylesheets), yanada kuchliroq moslashuvchanlik va boshqa yangiliklar mavjud. 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 foydalanishni davom ettirish mutlaqo xavfsiz. Biroq ularga yangi imkoniyatlar QO‘SHILMAYDI.

Bilasizmi?

W3.CSS — Bootstrap’ga ajoyib muqobil.

W3.CSS hajmi kichikroq, tezroq ishlaydi va undan foydalanish osonroq.


Bosh sahifaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish