BootstrapCheatsheet

RTL cheatsheet

Yaliyomo

Uchapaji

Nyaraka

Onyesho 1

Onyesho 2

Onyesho 3

Onyesho 4

Onyesho 5

Onyesho 6

Kichwa 1

Kichwa cha 2

Kichwa cha 3

Kichwa cha 4

Kichwa cha 5

Kichwa cha 6

Hii ni aya inayoongoza. Inasimama kutoka kwa aya za kawaida.

Unaweza kutumia alama ya lebokuonyeshamaandishi.

Mstari huu wa maandishi unakusudiwa kuchukuliwa kama maandishi yaliyofutwa.

Mstari huu wa maandishi unakusudiwa kuchukuliwa kuwa si sahihi tena.

Mstari huu wa maandishi unakusudiwa kuzingatiwa kama nyongeza ya hati.

Mstari huu wa maandishi utatoa kama ilivyopigiwa mstari.

Mstari huu wa maandishi unakusudiwa kuzingatiwa kama chapa nzuri.

Mstari huu umetolewa kama maandishi mazito.

Mstari huu umetolewa kama maandishi ya italiki.

Nukuu inayojulikana sana, iliyo katika kipengele cha kuzuia.

Mtu maarufu katika Mada ya Chanzo
  • Hii ni orodha.
  • Inaonekana bila mtindo kabisa.
  • Kimuundo, bado ni orodha.
  • Hata hivyo, mtindo huu unatumika tu kwa vipengele vya mtoto vya haraka.
  • Orodha zilizowekwa:
    • hawajaathiriwa na mtindo huu
    • bado itaonyesha risasi
    • na uwe na ukingo wa kushoto unaofaa
  • Hii bado inaweza kusaidia katika hali zingine.
  • Hiki ni kipengee cha orodha.
  • Na mwingine.
  • Lakini zinaonyeshwa kwenye mstari.

Picha

Nyaraka
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

Majedwali

Nyaraka
# Kwanza Mwisho Kushughulikia
1 Weka alama Otto @mdo
2 Yakobo Thornton @mafuta
3 Larry Ndege @twitter
# Kwanza Mwisho Kushughulikia
1 Weka alama Otto @mdo
2 Yakobo Thornton @mafuta
3 Larry Ndege @twitter
Darasa Kichwa Kichwa
Chaguomsingi Kiini Kiini
Msingi Kiini Kiini
Sekondari Kiini Kiini
Mafanikio Kiini Kiini
Hatari Kiini Kiini
Onyo Kiini Kiini
Habari Kiini Kiini
Mwanga Kiini Kiini
Giza Kiini Kiini
# Kwanza Mwisho Kushughulikia
1 Weka alama Otto @mdo
2 Yakobo Thornton @mafuta
3 Larry Ndege @twitter

Takwimu

Nyaraka
Placeholder 400x300
Maelezo ya picha hapo juu.

Fomu

Muhtasari

Nyaraka
Hatutawahi kushiriki barua pepe yako na mtu mwingine yeyote.
Vifungo vya redio

Fomu za walemavu

Nyaraka
Vifungo vya redio vilivyozimwa

Ukubwa

Nyaraka

Kikundi cha ingizo

Nyaraka
@
@mfano.com
https://example.com/users/
$ .00
Na eneo la maandishi

Lebo zinazoelea

Nyaraka

Uthibitishaji

Nyaraka
Yapendeza!
Yapendeza!
@
Tafadhali chagua jina la mtumiaji.
Tafadhali toa jiji halali.
Tafadhali chagua jimbo halali.
Tafadhali toa zip halali.
Lazima ukubali kabla ya kuwasilisha.

Vipengele

Accordion

Nyaraka

Huu ni mwili wa accordion wa bidhaa ya kwanza. Imefichwa kwa chaguomsingi, hadi programu-jalizi ya kukunja iongeze madarasa yanayofaa tunayotumia kuweka mtindo wa kila kipengele. Madarasa haya yanadhibiti mwonekano wa jumla, pamoja na kuonyesha na kujificha kupitia mabadiliko ya CSS. Unaweza kurekebisha yoyote kati ya haya kwa kutumia CSS maalum au kubatilisha vigeu vyetu chaguomsingi. Inafaa pia kuzingatia kuwa takriban HTML yoyote inaweza kuingia ndani ya .accordion-body, ingawa mpito huzuia kufurika.

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.

Huu ni mwili wa accordion wa bidhaa ya tatu. Imefichwa kwa chaguomsingi, hadi programu-jalizi ya kukunja iongeze madarasa yanayofaa tunayotumia kuweka mtindo wa kila kipengele. Madarasa haya yanadhibiti mwonekano wa jumla, pamoja na kuonyesha na kujificha kupitia mabadiliko ya CSS. Unaweza kurekebisha yoyote kati ya haya kwa kutumia CSS maalum au kubatilisha vigeu vyetu chaguomsingi. Inafaa pia kuzingatia kuwa takriban HTML yoyote inaweza kuingia ndani ya .accordion-body, ingawa mpito huzuia kufurika.

Tahadhari

Nyaraka

Beji

Nyaraka

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Mfano wa kichwaMpya

Msingi Sekondari Mafanikio Hatari Onyo Habari Mwanga Giza

Vifungo

Nyaraka

Kikundi cha kifungo

Nyaraka

Kadi

Nyaraka
Placeholder Image cap
Jina la kadi

Baadhi ya maandishi ya mfano wa haraka wa kuunda kwenye kichwa cha kadi na kuunda sehemu kubwa ya maudhui ya kadi.

Nenda mahali fulani
Iliyoangaziwa
Jina la kadi

Baadhi ya maandishi ya mfano wa haraka wa kuunda kwenye kichwa cha kadi na kuunda sehemu kubwa ya maudhui ya kadi.

Nenda mahali fulani
siku 2 zilizopita
Jina la kadi

Baadhi ya maandishi ya mfano wa haraka wa kuunda kwenye kichwa cha kadi na kuunda sehemu kubwa ya maudhui ya kadi.

  • Kipengee
  • Kipengee cha pili
  • Kipengee cha tatu
Kiungo cha kadi Kiungo kingine
Placeholder Image
Jina la kadi

Hii ni kadi pana iliyo na maandishi yanayosaidia hapa chini kama mwongozo wa asili wa maudhui ya ziada. Maudhui haya ni marefu kidogo.

Ilisasishwa mwisho dakika 3 zilizopita

Kundi la orodha

Nyaraka
  • Kipengee kilichozimwa
  • Kipengee cha pili
  • Kipengee cha tatu
  • Kipengee cha nne
  • Na ya tano
  • Kipengee
  • Kipengee cha pili
  • Kipengee cha tatu
  • Kipengee cha nne
  • Na ya tano
Kipengee rahisi cha orodha chaguo-msingi cha kikundi Kipengee rahisi cha orodha ya msingi Kipengee rahisi cha kikundi cha sekondari Kipengee rahisi cha orodha ya mafanikio Kipengee rahisi cha orodha ya hatari Kipengee rahisi cha orodha ya onyo Kipengee rahisi cha orodha ya habari Kipengee rahisi cha orodha ya mwanga Kipengee rahisi cha kikundi cha orodha nyeusi

Popovers

Nyaraka

Maendeleo

Nyaraka
0%
25%
50%
75%
100%

Scrollspy

Nyaraka

Kichwa cha kwanza

Haya ni baadhi ya maudhui ya kishika nafasi kwa ukurasa wa kusogeza. Kumbuka kwamba unaposogeza chini ya ukurasa, kiungo kinachofaa cha kusogeza kinaangaziwa. Inarudiwa katika mfano wa sehemu. Tunaendelea kuongeza nakala zaidi ya mfano hapa ili kusisitiza kusogeza na kuangazia.

Kichwa cha pili

Haya ni baadhi ya maudhui ya kishika nafasi kwa ukurasa wa kusogeza. Kumbuka kwamba unaposogeza chini ya ukurasa, kiungo kinachofaa cha kusogeza kinaangaziwa. Inarudiwa katika mfano wa sehemu. Tunaendelea kuongeza nakala zaidi ya mfano hapa ili kusisitiza kusogeza na kuangazia.

Kichwa cha tatu

Haya ni baadhi ya maudhui ya kishika nafasi kwa ukurasa wa kusogeza. Kumbuka kwamba unaposogeza chini ya ukurasa, kiungo kinachofaa cha kusogeza kinaangaziwa. Inarudiwa katika mfano wa sehemu. Tunaendelea kuongeza nakala zaidi ya mfano hapa ili kusisitiza kusogeza na kuangazia.

Kichwa cha nne

Haya ni baadhi ya maudhui ya kishika nafasi kwa ukurasa wa kusogeza. Kumbuka kwamba unaposogeza chini ya ukurasa, kiungo kinachofaa cha kusogeza kinaangaziwa. Inarudiwa katika mfano wa sehemu. Tunaendelea kuongeza nakala zaidi ya mfano hapa ili kusisitiza kusogeza na kuangazia.

Kichwa cha tano

Haya ni baadhi ya maudhui ya kishika nafasi kwa ukurasa wa kusogeza. Kumbuka kwamba unaposogeza chini ya ukurasa, kiungo kinachofaa cha kusogeza kinaangaziwa. Inarudiwa katika mfano wa sehemu. Tunaendelea kuongeza nakala zaidi ya mfano hapa ili kusisitiza kusogeza na kuangazia.

Spinners

Nyaraka

Toasts

Nyaraka

Vidokezo vya zana

Nyaraka