BootstrapCheatsheet

RTL aldash jadvali

Tarkib

Tipografiya

Hujjatlar

Displey 1

Displey 2

Displey 3

Displey 4

Displey 5

Displey 6

Sarlavha 1

Sarlavha 2

Sarlavha 3

Sarlavha 4

Sarlavha 5

Sarlavha 6

Bu asosiy paragraf. Bu oddiy paragraflardan ajralib turadi.

Belgilash tegidan foydalanishingiz mumkinta'kidlashmatn.

Ushbu matn qatori o'chirilgan matn sifatida ko'rib chiqilishi kerak.

Ushbu matn qatori endi aniq emas deb hisoblanishi kerak.

Ushbu matn qatori hujjatga qo'shimcha sifatida qarash uchun mo'ljallangan.

Ushbu satr matni tagiga chizilgan holda ko'rsatiladi.

Matnning ushbu qatori nozik nashr sifatida ko'rib chiqilishi kerak.

Bu qator qalin matn sifatida berilgan.

Bu satr kursivli matn sifatida berilgan.

Blok tirnoq elementida joylashgan taniqli iqtibos.

Manba sarlavhasida mashhur kimdir
  • Bu ro'yxat.
  • Bu butunlay uslubsiz ko'rinadi.
  • Strukturaviy jihatdan, bu hali ham ro'yxat.
  • Biroq, bu uslub faqat bevosita bolalar elementlari uchun amal qiladi.
  • O'rnatilgan ro'yxatlar:
    • bu uslub ta'sir qilmaydi
    • hali ham o'q ko'rsatadi
    • va tegishli chap chekkaga ega bo'ling
  • Bu ba'zi holatlarda hali ham foydali bo'lishi mumkin.
  • Bu ro'yxat elementi.
  • Va yana bir.
  • Lekin ular inline ko'rsatiladi.

Tasvirlar

Hujjatlar
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Jadvallar

Hujjatlar
# Birinchidan Oxirgi Tutqich
1 Mark Otto @mdo
2 Yoqub Tornton @yog'
3 Qush Larri @twitter
# Birinchidan Oxirgi Tutqich
1 Mark Otto @mdo
2 Yoqub Tornton @yog'
3 Qush Larri @twitter
Sinf Sarlavha Sarlavha
Standart Hujayra Hujayra
Asosiy Hujayra Hujayra
Ikkilamchi Hujayra Hujayra
Muvaffaqiyat Hujayra Hujayra
Xavfli Hujayra Hujayra
Ogohlantirish Hujayra Hujayra
Ma'lumot Hujayra Hujayra
Nur Hujayra Hujayra
Qorong'i Hujayra Hujayra
# Birinchidan Oxirgi Tutqich
1 Mark Otto @mdo
2 Yoqub Tornton @yog'
3 Qush Larri @twitter

Raqamlar

Hujjatlar
Placeholder 400x300
Yuqoridagi rasm uchun sarlavha.

Shakllar

Umumiy koʻrinish

Hujjatlar
E-pochtangizni hech kim bilan baham ko'rmaymiz.
Radio tugmalari

O'chirilgan shakllar

Hujjatlar
O'chirilgan radio tugmalari

Hajmi

Hujjatlar

Kirish guruhi

Hujjatlar
@
@example.com
https://example.com/users/
$ .00
Matn maydoni bilan

Suzuvchi teglar

Hujjatlar

Tasdiqlash

Hujjatlar
Yaxshi ko'rinadi!
Yaxshi ko'rinadi!
@
Iltimos, foydalanuvchi nomini tanlang.
Yaroqli shaharni kiriting.
Yaroqli holatni tanlang.
Iltimos, yaroqli zip kiriting.
Yuborishdan oldin rozi bo'lishingiz kerak.

Komponentlar

Akkordeon

Hujjatlar

Bu birinchi elementning akkordeon tanasi. Yiqilish plagini har bir elementni uslublash uchun foydalanadigan tegishli sinflarni qo'shmaguncha, u sukut bo'yicha yashirin bo'ladi. Ushbu sinflar umumiy ko'rinishni, shuningdek CSS o'tishlari orqali ko'rsatish va yashirishni nazorat qiladi. Siz bularning har birini maxsus CSS yordamida o'zgartirishingiz yoki standart o'zgaruvchilarimizni bekor qilishingiz mumkin. Shuni ham ta'kidlash joizki, deyarli har qanday HTML ichida bo'lishi mumkin .accordion-body, lekin o'tish to'lib ketishni cheklaydi.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Bu uchinchi elementning akkordeon tanasi. Yiqilish plagini har bir elementni uslublash uchun foydalanadigan tegishli sinflarni qo'shmaguncha, u sukut bo'yicha yashirin bo'ladi. Ushbu sinflar umumiy ko'rinishni, shuningdek CSS o'tishlari orqali ko'rsatish va yashirishni nazorat qiladi. Siz bularning har birini maxsus CSS yordamida o'zgartirishingiz yoki standart o'zgaruvchilarimizni bekor qilishingiz mumkin. Shuni ham ta'kidlash joizki, deyarli har qanday HTML ichida bo'lishi mumkin .accordion-body, lekin o'tish to'lib ketishni cheklaydi.

Ogohlantirishlar

Hujjatlar

Belgi

Hujjatlar

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Sarlavhaga misolYangi

Asosiy Ikkilamchi Muvaffaqiyat Xavfli Ogohlantirish Ma'lumot Nur Qorong'i

Tugmalar

Hujjatlar

Karta

Hujjatlar
Placeholder Image cap
Karta sarlavhasi

Karta sarlavhasiga asoslanib, karta tarkibining asosiy qismini tashkil etadigan ba'zi tezkor misol matni.

Bir joyga boring
Tanlangan
Karta sarlavhasi

Karta sarlavhasiga asoslanib, karta tarkibining asosiy qismini tashkil etadigan ba'zi tezkor misol matni.

Bir joyga boring
2 kun oldin
Karta sarlavhasi

Karta sarlavhasiga asoslanib, karta tarkibining asosiy qismini tashkil etadigan ba'zi tezkor misol matni.

  • Buyum
  • Ikkinchi element
  • Uchinchi element
Karta havolasi Boshqa havola
Placeholder Image
Karta sarlavhasi

Bu kengroq karta boʻlib, quyida qoʻshimcha kontentga tabiiy kirish uchun qoʻllab-quvvatlovchi matn mavjud. Bu tarkib biroz uzunroq.

Oxirgi marta 3 daqiqa oldin yangilangan

Ro'yxat guruhi

Hujjatlar
  • O'chirilgan element
  • Ikkinchi element
  • Uchinchi element
  • To'rtinchi element
  • Va beshinchisi
  • Buyum
  • Ikkinchi element
  • Uchinchi element
  • To'rtinchi element
  • Va beshinchisi
Oddiy standart ro'yxat guruh elementi Oddiy asosiy ro'yxat guruh elementi Oddiy ikkilamchi ro'yxat guruh elementi Oddiy muvaffaqiyat ro'yxati guruh elementi Oddiy xavf ro'yxati guruh elementi Oddiy ogohlantirish ro'yxati guruh elementi Oddiy ma'lumotlar ro'yxati guruh elementi Oddiy yorug'lik ro'yxati guruh elementi Oddiy qorong'u ro'yxat guruh elementi

Popoverlar

Hujjatlar

Scrollspy

Hujjatlar

Birinchi sarlavha

Bu scrollspy sahifasi uchun ba'zi to'ldiruvchi kontent. Sahifani pastga aylantirganda, tegishli navigatsiya havolasi ta'kidlanganligini unutmang. Bu komponent misolida takrorlanadi. Oʻtkazish va ajratib koʻrsatishni taʼkidlash uchun biz bu yerga yana bir nechta misol nusxasini qoʻshishda davom etamiz.

Ikkinchi sarlavha

Bu scrollspy sahifasi uchun ba'zi to'ldiruvchi kontent. Sahifani pastga aylantirganda, tegishli navigatsiya havolasi ta'kidlanganligini unutmang. Bu komponent misolida takrorlanadi. Oʻtkazish va ajratib koʻrsatishni taʼkidlash uchun biz bu yerga yana bir nechta misol nusxasini qoʻshishda davom etamiz.

Uchinchi sarlavha

Bu scrollspy sahifasi uchun ba'zi to'ldiruvchi kontent. Sahifani pastga aylantirganda, tegishli navigatsiya havolasi ta'kidlanganligini unutmang. Bu komponent misolida takrorlanadi. Oʻtkazish va ajratib koʻrsatishni taʼkidlash uchun biz bu yerga yana bir nechta misol nusxasini qoʻshishda davom etamiz.

To'rtinchi sarlavha

Bu scrollspy sahifasi uchun ba'zi to'ldiruvchi kontent. Sahifani pastga aylantirganda, tegishli navigatsiya havolasi ta'kidlanganligini unutmang. Bu komponent misolida takrorlanadi. Oʻtkazish va ajratib koʻrsatishni taʼkidlash uchun biz bu yerga yana bir nechta misol nusxasini qoʻshishda davom etamiz.

Beshinchi sarlavha

Bu scrollspy sahifasi uchun ba'zi to'ldiruvchi kontent. Sahifani pastga aylantirganda, tegishli navigatsiya havolasi ta'kidlanganligini unutmang. Bu komponent misolida takrorlanadi. Oʻtkazish va ajratib koʻrsatishni taʼkidlash uchun biz bu yerga yana bir nechta misol nusxasini qoʻshishda davom etamiz.

Spinnerlar

Hujjatlar

Tostlar

Hujjatlar

Maslahat

Hujjatlar