BootstrapCheatsheet

RTL ntawv xov xwm

Cov ntsiab lus

Typography

Cov ntaub ntawv

Zaub 1

Zaub 2

Zaub 3

Zaub 4

Zaub 5

Zaub 6

Ntsiab lus 1

Ntsiab lus 2

Ntsiab lus 3

Ntsiab lus 4

Ntsiab lus 5

Nqe lus piav qhia 6

Qhov no yog ib kab lus coj. Nws sawv tawm ntawm cov kab lus tsis tu ncua.

Koj tuaj yeem siv lub cim cim rautseem ceebntawv nyeem.

Cov kab ntawv no yog txhais tau tias yuav raug kho raws li cov ntawv deleted.

Cov kab ntawv no txhais tau tias yuav raug kho raws li qhov tsis raug lawm.

Cov kab ntawv no yog txhais tau tias yuav raug kho raws li qhov ntxiv rau daim ntawv.

Cov kab ntawv no yuav ua raws li hauv qab.

Cov kab ntawv no yog txhais tau tias yuav tsum tau kho raws li kev luam zoo.

Cov kab no ua raws li cov ntawv sau siab.

Cov kab no ua raws li cov ntawv italicized.

Ib qho zoo-paub quotes, muaj nyob rau hauv ib lub ntsiab lus blockquote.

Ib tug neeg nto moo nyob rau hauv Lub Npe Lub Npe
  • Nov yog daim ntawv teev npe.
  • Nws zoo nkaus li unstyled kiag li.
  • Structurely, nws tseem yog ib daim ntawv teev npe.
  • Txawm li cas los xij, qhov style no tsuas yog siv rau cov menyuam yaus tam sim ntawd.
  • Nested npe:
    • tsis cuam tshuam los ntawm qhov style no
    • tseem yuav pom ib lub mos txwv
    • thiab muaj cov npoo sab laug uas tsim nyog
  • Qhov no tseem tuaj yeem ua tau yooj yim hauv qee qhov xwm txheej.
  • Nov yog ib daim ntawv teev npe.
  • Thiab lwm tus.
  • Tab sis lawv nyob nraum tso tawm inline.
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
# Ua ntej Kawg tuav
1 Mark Otto @mdo
2 Yakhauj Thornton @fat
3 Larry noog @twitter
# Ua ntej Kawg tuav
1 Mark Otto @mdo
2 Yakhauj Thornton @fat
3 Larry noog @twitter
Chav kawm Lub taub hau Lub taub hau
Default Cell Cell
Thawj Cell Cell
Secondary Cell Cell
Kev vam meej Cell Cell
Kev phom sij Cell Cell
Ceeb toom Cell Cell
Cov ntaub ntawv Cell Cell
Teeb Cell Cell
Tsaus Cell Cell
# Ua ntej Kawg tuav
1 Mark Otto @mdo
2 Yakhauj Thornton @fat
3 Larry noog @twitter

Cov duab

Cov ntaub ntawv
Placeholder 400x300
Ib kab lus rau daim duab saum toj no.

Cov ntawv

Txheej txheem cej luam

Cov ntaub ntawv
Peb yuav tsis qhia koj email rau lwm tus.
Xov tooj cua khawm

Cov ntawv tsis taus

Cov ntaub ntawv
Disabled xov tooj cua khawm

Qhov loj me

Cov ntaub ntawv

Pab pawg nkag

Cov ntaub ntawv
@
@example.com
https://example.com/users/
$ .00
Nrog textarea

Kev lees paub

Cov ntaub ntawv
Saib zoo!
Saib zoo!
@
Thov xaiv tus neeg siv lub npe.
Thov muab lub nroog siv tau.
Thov xaiv lub xeev siv tau.
Thov muab tus zip siv tau.
Koj yuav tsum pom zoo ua ntej xa.

Cheebtsam

Accordion

Cov ntaub ntawv

Qhov no yog thawj yam khoom lub cev accordion. Nws yog zais los ntawm lub neej ntawd, kom txog rau thaum lub cev qhuav dej plugin ntxiv cov chav kawm tsim nyog uas peb siv los ua txhua yam. Cov chav kawm no tswj tag nrho cov tsos, nrog rau kev qhia thiab zais ntawm CSS kev hloov pauv. Koj tuaj yeem hloov kho ib qho ntawm qhov no nrog kev cai CSS lossis overriding peb qhov hloov pauv hloov pauv. Nws tseem tsim nyog sau cia tias tsuas yog hais txog ib qho HTML tuaj yeem nkag mus rau hauv .accordion-body, txawm hais tias qhov kev hloov pauv txwv tsis pub dhau.

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.

Qhov no yog qhov thib peb yam khoom accordion lub cev. Nws yog zais los ntawm lub neej ntawd, kom txog rau thaum lub cev qhuav dej plugin ntxiv cov chav kawm tsim nyog uas peb siv los ua txhua yam. Cov chav kawm no tswj tag nrho cov tsos, nrog rau kev qhia thiab zais ntawm CSS kev hloov pauv. Koj tuaj yeem hloov kho ib qho ntawm qhov no nrog kev cai CSS lossis overriding peb qhov hloov pauv hloov pauv. Nws tseem tsim nyog sau cia tias tsuas yog hais txog ib qho HTML tuaj yeem nkag mus rau hauv .accordion-body, txawm hais tias qhov kev hloov pauv txwv tsis pub dhau.

ceeb toom

Cov ntaub ntawv

Daim npav

Cov ntaub ntawv

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Piv txwv lub taub hauTshiab

Thawj Secondary Kev vam meej Kev phom sij Ceeb toom Cov ntaub ntawv Teeb Tsaus

Daim npav

Cov ntaub ntawv
Placeholder Image cap
Daim npav npe

Qee cov ntawv piv txwv ceev los tsim cov npe ntawm daim npav thiab ua kom muaj ntau ntawm daim npav cov ntsiab lus.

Mus qhov twg
Featured
Daim npav npe

Qee cov ntawv piv txwv ceev los tsim cov npe ntawm daim npav thiab ua kom muaj ntau ntawm daim npav cov ntsiab lus.

Mus qhov twg
Daim npav npe

Qee cov ntawv piv txwv ceev los tsim cov npe ntawm daim npav thiab ua kom muaj ntau ntawm daim npav cov ntsiab lus.

  • Ib yam khoom
  • Ib yam khoom thib ob
  • Ib yam khoom thib peb
Placeholder Image
Daim npav npe

Qhov no yog daim npav dav dua nrog cov ntawv txhawb nqa hauv qab no raws li kev coj mus rau cov ntsiab lus ntxiv. Cov ntsiab lus no ntev me ntsis.

Hloov tshiab kawg 3 mins dhau los

Sau npe pawg

Cov ntaub ntawv
  • Ib yam khoom xiam oob qhab
  • Ib yam khoom thib ob
  • Ib yam khoom thib peb
  • Ib yam khoom thib plaub
  • Thiab ib tug thib tsib
  • Ib yam khoom
  • Ib yam khoom thib ob
  • Ib yam khoom thib peb
  • Ib yam khoom thib plaub
  • Thiab ib tug thib tsib

Popovers

Cov ntaub ntawv

Scrollspy

Cov ntaub ntawv

Thawj nqe lus

Nov yog qee qhov chaw muab cov ntsiab lus rau nplooj ntawv scrollspy. Nco ntsoov tias thaum koj nqes mus rau nplooj ntawv, qhov tsim nyog navigation txuas yog tseem ceeb. Nws rov ua dua thoob plaws hauv qhov piv txwv. Peb pheej ntxiv qee qhov piv txwv ntxiv ntawm no los hais txog qhov scrolling thiab highlighting.

Ob nqe lus

Nov yog qee qhov chaw muab cov ntsiab lus rau nplooj ntawv scrollspy. Nco ntsoov tias thaum koj nqes mus rau nplooj ntawv, qhov tsim nyog navigation txuas yog tseem ceeb. Nws rov ua dua thoob plaws hauv qhov piv txwv. Peb pheej ntxiv qee qhov piv txwv ntxiv ntawm no los hais txog qhov scrolling thiab highlighting.

Peb lub taub hau

Nov yog qee qhov chaw muab cov ntsiab lus rau nplooj ntawv scrollspy. Nco ntsoov tias thaum koj nqes mus rau nplooj ntawv, qhov tsim nyog navigation txuas yog tseem ceeb. Nws rov ua dua thoob plaws hauv qhov piv txwv. Peb pheej ntxiv qee qhov piv txwv ntxiv ntawm no los hais txog qhov scrolling thiab highlighting.

Plaub nqe lus

Nov yog qee qhov chaw muab cov ntsiab lus rau nplooj ntawv scrollspy. Nco ntsoov tias thaum koj nqes mus rau nplooj ntawv, qhov tsim nyog navigation txuas yog tseem ceeb. Nws rov ua dua thoob plaws hauv qhov piv txwv. Peb pheej ntxiv qee qhov piv txwv ntxiv ntawm no los hais txog qhov scrolling thiab highlighting.

Tshooj tsib

Nov yog qee qhov chaw muab cov ntsiab lus rau nplooj ntawv scrollspy. Nco ntsoov tias thaum koj nqes mus rau nplooj ntawv, qhov tsim nyog navigation txuas yog tseem ceeb. Nws rov ua dua thoob plaws hauv qhov piv txwv. Peb pheej ntxiv qee qhov piv txwv ntxiv ntawm no los hais txog qhov scrolling thiab highlighting.

Spinners

Cov ntaub ntawv
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Cov lus qhia

Cov ntaub ntawv