BootstrapCheatsheet

RTL cheatsheet

Mga sulod

Tipograpiya

Dokumentasyon

Pagpakita 1

Pagpakita 2

Pagpakita 3

Pagpakita 4

Pagpakita 5

Pagpakita 6

Ulohan 1

Ulohan 2

Ulohan 3

Ulohan 4

Ulohan 5

Ulohan 6

Kini usa ka lead paragraph. Kini lahi gikan sa regular nga mga parapo.

Mahimo nimong gamiton ang marka nga tag sahighlighttext.

Kini nga linya sa teksto gituyo nga isipon nga natangtang nga teksto.

Kini nga linya sa teksto gituyo nga isipon nga dili na tukma.

Kini nga linya sa teksto gituyo nga isipon nga dugang sa dokumento.

Kini nga linya sa teksto maghubad ingon nga adunay linya.

Kini nga linya sa teksto gituyo nga isipon nga maayong pag-imprinta.

Kini nga linya gihubad nga bold nga teksto.

Kini nga linya gihubad ingon nga italicized nga teksto.

Usa ka ilado nga kinutlo, nga anaa sa elemento sa blockquote.

Usa ka tawo nga bantog sa Source Title
  • Kini usa ka lista.
  • Kini makita nga hingpit nga wala’y istilo.
  • Sa istruktura, kini usa gihapon ka lista.
  • Bisan pa, kini nga estilo magamit lamang sa diha-diha nga mga elemento sa bata.
  • Mga lista sa salag:
    • wala maapektuhan niini nga estilo
    • magpakita pa ug bala
    • ug adunay angay nga left margin
  • Mahimong magamit gihapon kini sa pipila ka mga sitwasyon.
  • Kini usa ka butang sa lista.
  • Ug usa pa.
  • Apan gipakita sila sa linya.

Mga larawan

Dokumentasyon
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

Mga lamesa

Dokumentasyon
# Una Katapusan Paggunit
1 Mark Si Otto @mdo
2 Jacob Thornton @tambok
3 Larry ang Langgam @twitter
# Una Katapusan Paggunit
1 Mark Si Otto @mdo
2 Jacob Thornton @tambok
3 Larry ang Langgam @twitter
Klase Ulohan Ulohan
Default Cell Cell
Primary Cell Cell
Ikaduha Cell Cell
Kalampusan Cell Cell
Kuyaw Cell Cell
Pasidaan Cell Cell
Impormasyon Cell Cell
Kahayag Cell Cell
Ngitngit Cell Cell
# Una Katapusan Paggunit
1 Mark Si Otto @mdo
2 Jacob Thornton @tambok
3 Larry ang Langgam @twitter

Mga numero

Dokumentasyon
Placeholder 400x300
Usa ka caption alang sa imahe sa ibabaw.

Mga porma

Overview

Dokumentasyon
Dili namo ipaambit ang imong email sa uban.
Mga butones sa radyo

Mga disabled nga porma

Dokumentasyon
Mga butones sa radyo nga adunay kapansanan

Pagsukod

Dokumentasyon

Input nga grupo

Dokumentasyon
@
@example.com
https://example.com/users/
$ .00
Uban sa textarea

Pagpamatuod

Dokumentasyon
Nindot tan-awon!
Nindot tan-awon!
@
Palihug pagpili ug username.
Palihug paghatag ug balido nga siyudad.
Palihug pagpili ug balido nga estado.
Palihug paghatag ug balido nga zip.
Kinahanglan nga mouyon ka sa dili pa mosumite.

Mga sangkap

Akordyon

Dokumentasyon

Kini ang lawas sa akordyon sa una nga butang. Gitago kini sa default, hangtod ang collapse plugin makadugang sa angay nga mga klase nga among gigamit sa pag-istilo sa matag elemento. Gikontrol niini nga mga klase ang kinatibuk-ang hitsura, ingon man ang pagpakita ug pagtago pinaagi sa mga transisyon sa CSS. Mahimo nimong usbon ang bisan unsa niini gamit ang custom CSS o i-override ang among default variables. Angay usab nga hinumdoman nga halos bisan unsang HTML mahimong masulod sa .accordion-body, bisan kung ang transisyon naglimite sa pag-awas.

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.

Kini ang ikatulo nga butang nga akordyon nga lawas. Gitago kini sa default, hangtod ang collapse plugin makadugang sa angay nga mga klase nga among gigamit sa pag-istilo sa matag elemento. Gikontrol niini nga mga klase ang kinatibuk-ang hitsura, ingon man ang pagpakita ug pagtago pinaagi sa mga transisyon sa CSS. Mahimo nimong usbon ang bisan unsa niini gamit ang custom CSS o i-override ang among default variables. Angay usab nga hinumdoman nga halos bisan unsang HTML mahimong masulod sa .accordion-body, bisan kung ang transisyon naglimite sa pag-awas.

Mga alerto

Dokumentasyon

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Pananglitan nga ulohanBag-o nga

Primary Ikaduha Kalampusan Kuyaw Pasidaan Impormasyon Kahayag Ngitngit

Mga butones

Dokumentasyon
Placeholder Image cap
Titulo sa kard

Pipila ka dali nga pananglitan nga teksto aron matukod sa titulo sa kard ug maghimo sa kadaghanan sa sulud sa kard.

Lakaw sa usa ka dapit
Gipakita
Titulo sa kard

Pipila ka dali nga pananglitan nga teksto aron matukod sa titulo sa kard ug maghimo sa kadaghanan sa sulud sa kard.

Lakaw sa usa ka dapit
Titulo sa kard

Pipila ka dali nga pananglitan nga teksto aron matukod sa titulo sa kard ug maghimo sa kadaghanan sa sulud sa kard.

  • Usa ka butang
  • Ikaduha nga butang
  • Usa ka ikatulo nga butang
Placeholder Image
Titulo sa kard

Kini usa ka mas lapad nga kard nga adunay suporta nga teksto sa ubos ingon usa ka natural nga lead-in sa dugang nga sulud. Kini nga sulod mas taas og gamay.

Katapusang gi-update 3 ka minuto ang milabay

Ilista ang grupo

Dokumentasyon
  • Usa ka butang nga nabaldado
  • Ikaduha nga butang
  • Usa ka ikatulo nga butang
  • Ang ikaupat nga butang
  • Ug ang ikalima
  • Usa ka butang
  • Ikaduha nga butang
  • Usa ka ikatulo nga butang
  • Ang ikaupat nga butang
  • Ug ang ikalima

Mga Popover

Dokumentasyon

Scrollspy

Dokumentasyon

Unang ulohan

Kini mao ang pipila ka placeholder sulod alang sa scrollspy panid. Timan-i nga samtang nag-scroll ka sa panid, ang angay nga link sa nabigasyon gipasiugda. Gisubli kini sa tibuok nga pananglitan sa component. Nagpadayon kami sa pagdugang sa pipila ka pananglitan nga kopya dinhi aron ipasiugda ang pag-scroll ug pag-highlight.

Ikaduha nga ulohan

Kini mao ang pipila ka placeholder sulod alang sa scrollspy panid. Timan-i nga samtang nag-scroll ka sa panid, ang angay nga link sa nabigasyon gipasiugda. Gisubli kini sa tibuok nga pananglitan sa component. Nagpadayon kami sa pagdugang sa pipila ka pananglitan nga kopya dinhi aron ipasiugda ang pag-scroll ug pag-highlight.

Ikatulo nga ulohan

Kini mao ang pipila ka placeholder sulod alang sa scrollspy panid. Timan-i nga samtang nag-scroll ka sa panid, ang angay nga link sa nabigasyon gipasiugda. Gisubli kini sa tibuok nga pananglitan sa component. Nagpadayon kami sa pagdugang sa pipila ka pananglitan nga kopya dinhi aron ipasiugda ang pag-scroll ug pag-highlight.

Ikaupat nga ulohan

Kini mao ang pipila ka placeholder sulod alang sa scrollspy panid. Timan-i nga samtang nag-scroll ka sa panid, ang angay nga link sa nabigasyon gipasiugda. Gisubli kini sa tibuok nga pananglitan sa component. Nagpadayon kami sa pagdugang sa pipila ka pananglitan nga kopya dinhi aron ipasiugda ang pag-scroll ug pag-highlight.

Ikalima nga ulohan

Kini mao ang pipila ka placeholder sulod alang sa scrollspy panid. Timan-i nga samtang nag-scroll ka sa panid, ang angay nga link sa nabigasyon gipasiugda. Gisubli kini sa tibuok nga pananglitan sa component. Nagpadayon kami sa pagdugang sa pipila ka pananglitan nga kopya dinhi aron ipasiugda ang pag-scroll ug pag-highlight.

Mga spinner

Dokumentasyon
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...
Nagkarga...

Mga toast

Dokumentasyon

Mga tooltip

Dokumentasyon