BootstrapCheatsheet

RTL cheatsheet

Isine

Tipografi

Dokumentasi

Tampilan 1

Tampilan 2

Tampilan 3

Tampilan 4

Tampilan 5

Tampilan 6

Heading 1

Heading 2

Judul 3

Judul 4

Judul 5

Judul 6

Iki minangka paragraf utama. Iku stands metu saka paragraf biasa.

Sampeyan bisa nggunakake tandha tandha kanggosorotteks.

Baris teks iki kudu dianggep minangka teks sing wis dibusak.

Baris teks iki kudu dianggep ora akurat maneh.

Baris teks iki kudu dianggep minangka tambahan kanggo dokumen kasebut.

Baris teks iki bakal ditampilake minangka garis ngisor.

Baris teks iki kudu dianggep minangka cetakan sing apik.

Baris iki digawe minangka teks kandel.

Baris iki digawe minangka teks miring.

Kutipan kondhang, sing ana ing unsur blockquote.

Wong sing misuwur ing Judhul Sumber
  • Iki minangka dhaptar.
  • Katon rampung unstyled.
  • Secara struktural, iki isih dadi dhaptar.
  • Nanging, gaya iki mung ditrapake kanggo unsur anak langsung.
  • Daftar Nested:
    • ora kena pengaruh gaya iki
    • isih bakal nuduhake peluru
    • lan duwe margin kiwa sing cocog
  • Iki isih bisa migunani ing sawetara kahanan.
  • Iki minangka item dhaptar.
  • Lan siji liyane.
  • Nanging lagi ditampilake inline.

Gambar

Dokumentasi
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

Tabel

Dokumentasi
# Pisanan Pungkasan nangani
1 Tandhani Otto @mdo
2 Yakub Thornton @lemak
3 Larry the Bird @twitter
# Pisanan Pungkasan nangani
1 Tandhani Otto @mdo
2 Yakub Thornton @lemak
3 Larry the Bird @twitter
kelas judhul judhul
Default sel sel
utami sel sel
Sekunder sel sel
Sukses sel sel
bebaya sel sel
Pènget sel sel
Info sel sel
cahya sel sel
Peteng sel sel
# Pisanan Pungkasan nangani
1 Tandhani Otto @mdo
2 Yakub Thornton @lemak
3 Larry the Bird @twitter

Angka

Dokumentasi
Placeholder 400x300
Caption kanggo gambar ing ndhuwur.

Formulir

Ringkesan

Dokumentasi
Kita ora bakal nuduhake email sampeyan karo wong liya.
Tombol radio

Formulir sing dipatèni

Dokumentasi
Tombol radio dipatèni

ukuran

Dokumentasi

Klompok input

Dokumentasi
@
@conto.com
https://example.com/users/
$ .00
Kanthi textarea

Validasi

Dokumentasi
Ketok apik!
Ketok apik!
@
Mangga pilih jeneng panganggo.
Mangga wenehi kutha sing sah.
Mangga pilih negara sing bener.
Mangga wenehi zip sing bener.
Sampeyan kudu setuju sadurunge ngirim.

Komponen

Akordion

Dokumentasi

Iki minangka awak akordeon item pisanan. Didhelikake minangka standar, nganti plugin ambruk nambahake kelas sing cocog sing digunakake kanggo gaya saben unsur. Kelas iki ngontrol tampilan sakabèhé, uga nuduhake lan ndhelikake liwat transisi CSS. Sampeyan bisa ngowahi samubarang iki nganggo CSS khusus utawa ngganti variabel standar kita. Iku uga worth kang lagi nyimak sing meh wae HTML bisa mlebu ing .accordion-body, sanadyan transisi ora mbatesi overflow.

Iki minangka awak akordion item kapindho. Didhelikake minangka standar, nganti plugin ambruk nambahake kelas sing cocog sing digunakake kanggo gaya saben unsur. Kelas iki ngontrol tampilan sakabèhé, uga nuduhake lan ndhelikake liwat transisi CSS. Sampeyan bisa ngowahi samubarang iki nganggo CSS khusus utawa ngganti variabel standar kita. Iku uga worth kang lagi nyimak sing meh wae HTML bisa mlebu ing .accordion-body, sanadyan transisi ora mbatesi overflow.

Iki minangka awak akordion item katelu. Didhelikake minangka standar, nganti plugin ambruk nambahake kelas sing cocog sing digunakake kanggo gaya saben unsur. Kelas iki ngontrol tampilan sakabèhé, uga nuduhake lan ndhelikake liwat transisi CSS. Sampeyan bisa ngowahi samubarang iki nganggo CSS khusus utawa ngganti variabel standar kita. Iku uga worth kang lagi nyimak sing meh wae HTML bisa mlebu ing .accordion-body, sanadyan transisi ora mbatesi overflow.

Tandha

Dokumentasi

Lencana

Dokumentasi

Tuladha judhul New

Tuladha judhul New

Tuladha judhul New

Tuladha judhul New

Tuladha judhul New

Tuladha judhul New

Tuladha judhul New

Tuladha judhul New

Sukses Sekunder Utama Info Peringatan Bebaya Cahya Gelap

Tombol

Dokumentasi

kertu

Dokumentasi
Placeholder Image cap
Judhul kertu

Sawetara conto teks cepet kanggo mbangun judhul kertu lan nggawe akeh isi kertu.

Menyang ngendi wae
Featured
Judhul kertu

Sawetara conto teks cepet kanggo mbangun judhul kertu lan nggawe akeh isi kertu.

Menyang ngendi wae
2 dina kepungkur
Judhul kertu

Sawetara conto teks cepet kanggo mbangun judhul kertu lan nggawe akeh isi kertu.

  • Item
  • Item kapindho
  • Item katelu
Link kertu Link liyane
Placeholder Image
Judhul kertu

Iki minangka kertu sing luwih akeh kanthi teks dhukungan ing ngisor iki minangka timbal alami kanggo konten tambahan. Isi iki rada suwe.

Dianyari pungkasan 3 menit kepungkur

Dhaptar klompok

Dokumentasi
  • A item dipatèni
  • Item kapindho
  • Item katelu
  • Item kaping papat
  • Lan sing kaping lima
  • Item
  • Item kapindho
  • Item katelu
  • Item kaping papat
  • Lan sing kaping lima
Item grup dhaptar standar sing prasaja Item grup dhaptar utama sing prasaja Item grup dhaptar sekunder sing prasaja Item grup dhaptar sukses sing prasaja Item grup dhaptar bebaya sing prasaja Item grup dhaptar peringatan sing prasaja Item grup dhaptar info prasaja Item grup dhaptar cahya sing prasaja A item klompok dhaftar peteng

Popovers

Dokumentasi

Scrollspy

Dokumentasi

judhul pisanan

Iki sawetara isi placeholder kanggo kaca scrollspy. Elinga yen sampeyan nggulung mudhun kaca, pranala navigasi sing cocog bakal disorot. Dibaleni ing saindhenging conto komponen. Kita terus nambah salinan conto liyane ing kene kanggo nandheske nggulung lan nyorot.

judhul kapindho

Iki sawetara isi placeholder kanggo kaca scrollspy. Elinga yen sampeyan nggulung mudhun kaca, pranala navigasi sing cocog bakal disorot. Dibaleni ing saindhenging conto komponen. Kita terus nambah salinan conto liyane ing kene kanggo nandheske nggulung lan nyorot.

judhul katelu

Iki sawetara isi placeholder kanggo kaca scrollspy. Elinga yen sampeyan nggulung mudhun kaca, pranala navigasi sing cocog bakal disorot. Dibaleni ing saindhenging conto komponen. Kita terus nambah salinan conto liyane ing kene kanggo nandheske nggulung lan nyorot.

judhul kaping papat

Iki sawetara isi placeholder kanggo kaca scrollspy. Elinga yen sampeyan nggulung mudhun kaca, pranala navigasi sing cocog bakal disorot. Dibaleni ing saindhenging conto komponen. Kita terus nambah salinan conto liyane ing kene kanggo nandheske nggulung lan nyorot.

Judhul kaping lima

Iki sawetara isi placeholder kanggo kaca scrollspy. Elinga yen sampeyan nggulung mudhun kaca, pranala navigasi sing cocog bakal disorot. Dibaleni ing saindhenging conto komponen. Kita terus nambah salinan conto liyane ing kene kanggo nandheske nggulung lan nyorot.

Spinner

Dokumentasi

Toasts

Dokumentasi

Tooltips

Dokumentasi