Bootstrapt Dars 13 Bootstraptda faqat classlar orqali ishlaymiz. Eng birinchi tanishadigan classimiz bu Container

Bootstrapt
Dars_13

Bootstraptda faqat classlar orqali ishlaymiz. Eng birinchi tanishadigan classimiz bu

Container classi bu umumiy brauzerni 90% ni egallab qolganini avto qiladi. .containerga height berib qo’ysak natija:
mana shu korinishda bo’ladi.

.container-fluid bu brauzerni to`liq egallaydi.
Biz masalan ixtiyoriy narsani ki=ema ket joylashtirish uchun



col-xl-6


col-xl-6



Containerni ichiga bolgani uchun containerni enini 12 deb hisoblaydi. Col-xl-6 bu 6 hajmni egallaydi. Agar shuni col-xl-4 dan desak 3 ta sig’adi. Row ni ichiga yozish shart ketma ket joylashish uchun.
xl-1200 px dan katta
lg-1199 dan kichik 992 dan katta
md-991px dan kichik 768pxdan katta
sm-767px dan kichik 576px dan katta
xs-575px dan kichik


1
2
3
4
5
6
7
8


Shunay desak ham ketma ket joylashtirib tawlaydi.



col-xl-6


col-xl-6


col-xl-6



O’lchamiga qarab joylashtiradi.

Buni qaysi coldan keyin qoysak osha joyidan sindirib pastdan terib beradi.
Bootsrapt 2-dars

Classni ichidagi img-thumbnail bu rasmni ustidan ramkaga oxshagan chiziq bn o`rab beradi.

Rounded float-left rasmni chap tomonga olib o`tadi. Agar left emas right bolsa rasmni o`ng tomonga olib o`tadi.
Rounded mx-auto d-block bolsa rasmni o`rtaga keladi.

Uchta holati.



Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis veritatis alias debitis dolores. Odio sed temporibus, explicabo delectus, voluptatibus cum doloribus facilis et porro exercitationem voluptatum, quam nisi ut aliquid.

P ga classs berganmiz alert alert-danger degan bu natijada:

Dangerni o`rniga primary, secondary,success,warning bor va boshqalar ham bor.