BootstrapCheatsheet

RTL cheatsheet

Contents

Tîpografi

Documentation

Nîşan 1

Nîşan 2

Nîşan 3

Nîşan 4

Nîşan 5

Nîşan 6

Sernav 1

Sernav 2

Sernav 3

Sernav 4

Sernav 5

Sernav 6

Ev paragrafek sereke ye. Ew ji paragrafên birêkûpêk derdikeve.

Hûn dikarin nîşana nîşanê bikar bîninhighlightnivîstok.

Ev rêza nivîsê tê wateya ku wekî metna jêbirin were hesibandin.

Ev rêza nivîsê tê wê wateyê ku wekî êdî ne rast were hesibandin.

Ev rêza nivîsê tê wateya ku wekî pêvekek belgeyê were hesibandin.

Ev rêza nivîsê dê wekî binxêzkirî be.

Ev rêza nivîsê tê vê wateyê ku wekî çapa xweş were hesibandin.

Ev rêz wek nivîsa qelew hatiye pêşkêşkirin.

Ev rêz wek nivîsa îtalîk hatiye pêşkêşkirin.

Gotinek naskirî, ku di hêmanek blokê de heye.

Kesek di Sernavê Çavkaniyê de navdar e
  • Ev lîsteyek e.
  • Ew bi tevahî bê şêwaz xuya dike.
  • Ji hêla strukturî ve, ew hîn jî navnîşek e.
  • Lêbelê, ev şêwaz tenê ji bo hêmanên zarokê yekser derbas dibe.
  • Lîsteyên nested:
    • ji vê şêwazê bêbandor in
    • dê hê jî guleyek nîşan bide
    • û xwedî marjîna çepê ya guncan e
  • Dibe ku ev hîn jî di hin rewşan de bi kêr were.
  • Ev babeteke lîsteya ye.
  • Û yekî din.
  • Lê ew di hundurê de têne xuyang kirin.

Images

Documentation
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

Tables

Documentation
# Yekem Dawîn Destik
1 Delîl Otto @mdo
2 Jacob Thornton @rûn
3 Larry The Bird @twitter
# Yekem Dawîn Destik
1 Delîl Otto @mdo
2 Jacob Thornton @rûn
3 Larry The Bird @twitter
Sinif Sernivîs Sernivîs
Destçûnî Koşik Koşik
Bingehîn Koşik Koşik
Dûwemdor Koşik Koşik
Serketinî Koşik Koşik
Talûke Koşik Koşik
Gazî Koşik Koşik
Info Koşik Koşik
Sivik Koşik Koşik
Tarî Koşik Koşik
# Yekem Dawîn Destik
1 Delîl Otto @mdo
2 Jacob Thornton @rûn
3 Larry The Bird @twitter

Figures

Documentation
Placeholder 400x300
Sernavek ji bo wêneya jorîn.

Forms

Têgihiştinî

Documentation
Em ê tu carî e-nameya we bi kesek din re parve nekin.
Bişkojkên radyoyan

Formên astengdar

Documentation
Bişkokên radyoyên neçalak

Mezinbûn

Documentation

Koma Input

Documentation
@
@example.com
https://example.com/users/
$ .00
Bi textarea

Validation

Documentation
Baş xuya dike!
Baş xuya dike!
@
Ji kerema xwe navekî bikarhêner hilbijêrin.
Ji kerema xwe bajarekî derbasdar peyda bikin.
Ji kerema xwe dewletek derbasdar hilbijêrin.
Ji kerema xwe zipek derbasdar peyda bikin.
Berî radestkirinê divê hûn razî bin.

Components

Akordîyon

Documentation

Ev laşê accordionê ya yekem e. Ew ji hêla xwerû ve tê veşartin, heya ku pêveka hilweşandinê dersên guncan ên ku em bikar tînin ji bo şêwazê her elementê zêde dike. Van dersan xuyangiya giştî, û her weha nîşankirin û veşartina bi veguheztina CSS-ê kontrol dikin. Hûn dikarin yek ji van bi CSS-ya xwerû biguhezînin an guhêrbarên me yên xwerû biguhezînin. Di heman demê de hêjayî gotinê ye ku hema hema her HTML-ê dikare di nav HTML-ê de biçe .accordion-body, her çend veguhêz zêdebûnê sînordar dike.

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.

Ev laşê akordonê ya sêyemîn e. Ew ji hêla xwerû ve tê veşartin, heya ku pêveka hilweşandinê dersên guncan ên ku em bikar tînin ji bo şêwazê her elementê zêde dike. Van dersan xuyangiya giştî, û her weha nîşankirin û veşartina bi veguheztina CSS-ê kontrol dikin. Hûn dikarin yek ji van bi CSS-ya xwerû biguhezînin an guhêrbarên me yên xwerû biguhezînin. Di heman demê de hêjayî gotinê ye ku hema hema her HTML-ê dikare di nav HTML-ê de biçe .accordion-body, her çend veguhêz zêdebûnê sînordar dike.

Alerts

Documentation

Nîşan

Documentation

Sernavê nimûneNşh

Sernavê nimûneNşh

Sernavê nimûneNşh

Sernavê nimûneNşh

Sernavê nimûneNşh

Sernavê nimûneNşh

Sernavê nimûneNşh

Sernavê nimûneNşh

Bingehîn Dûwemdor Serketinî Talûke Gazî Info Sivik Tarî

Buttons

Documentation

Qert

Documentation
Placeholder Image cap
Sernavê karta

Hin nivîsek mînakek bilez a ku li ser sernavê qertê ava bike û piraniya naveroka qertê pêk bîne.

Biçe cihekî
Featured
Sernavê karta

Hin nivîsek mînakek bilez a ku li ser sernavê qertê ava bike û piraniya naveroka qertê pêk bîne.

Biçe cihekî
2 roj berê
Sernavê karta

Hin nivîsek mînakek bilez a ku li ser sernavê qertê ava bike û piraniya naveroka qertê pêk bîne.

  • An babete
  • Tiştek duyemîn
  • Tiştek sêyemîn
Girêdana kartê Girêdana din
Placeholder Image
Sernavê karta

Ev qertek firehtir e ku bi nivîsa piştgirî ya li jêr wekî rêgezek xwezayî ya naverokek zêde ye. Ev naverok hinekî dirêj e.

Herî dawî 3 deqîqe berê hate nûkirin

Lîsteya koma

Documentation
  • Tiştek astengdar
  • Tiştek duyemîn
  • Tiştek sêyemîn
  • Tiştek çaremîn
  • Û ya pêncemîn
  • An babete
  • Tiştek duyemîn
  • Tiştek sêyemîn
  • Tiştek çaremîn
  • Û ya pêncemîn
Tiştek koma navnîşa xwerû ya hêsan Tiştek koma navnîşa bingehîn a hêsan Tiştek koma navnîşa navîn a hêsan Tiştek komê ya navnîşa serfiraziya hêsan Tiştek koma lîsteya xeterê ya hêsan Tiştek koma navnîşa hişyariya hêsan Tiştek koma navnîşa agahdariya hêsan Tiştek koma navnîşa ronahiyê ya hêsan Tiştek koma navnîşa tarî ya hêsan

Popovers

Documentation

Pêşverûtî

Documentation
0%
Rêsakanî bekarhênan 25%
50%
Rêsakanî bekarhênan 75%
100%

Scrollspy

Documentation

Sernavê yekem

Ev ji bo rûpela scrollspy hin naverokek cîhgir e. Bala xwe bidinê ku gava hûn rûpelê dakêşin, zencîreya navîgasyonê ya guncan tê ronî kirin. Ew li seranserê nimûneya pêkhatê tê dubare kirin. Em li vir kopiyek mînakek din lê zêde dikin da ku balê bikişîne ser gerok û ronîkirinê.

Sernavê duyemîn

Ev ji bo rûpela scrollspy hin naverokek cîhgir e. Bala xwe bidinê ku gava hûn rûpelê dakêşin, zencîreya navîgasyonê ya guncan tê ronî kirin. Ew li seranserê nimûneya pêkhatê tê dubare kirin. Em li vir kopiyek mînakek din lê zêde dikin da ku balê bikişîne ser gerok û ronîkirinê.

Sernavê sêyemîn

Ev ji bo rûpela scrollspy hin naverokek cîhgir e. Bala xwe bidinê ku gava hûn rûpelê dakêşin, zencîreya navîgasyonê ya guncan tê ronî kirin. Ew li seranserê nimûneya pêkhatê tê dubare kirin. Em li vir kopiyek mînakek din lê zêde dikin da ku balê bikişîne ser gerok û ronîkirinê.

Sernavê çaremîn

Ev ji bo rûpela scrollspy hin naverokek cîhgir e. Bala xwe bidinê ku gava hûn rûpelê dakêşin, zencîreya navîgasyonê ya guncan tê ronî kirin. Ew li seranserê nimûneya pêkhatê tê dubare kirin. Em li vir kopiyek mînakek din lê zêde dikin da ku balê bikişîne ser gerok û ronîkirinê.

Sernavê pêncemîn

Ev ji bo rûpela scrollspy hin naverokek cîhgir e. Bala xwe bidinê ku gava hûn rûpelê dakêşin, zencîreya navîgasyonê ya guncan tê ronî kirin. Ew li seranserê nimûneya pêkhatê tê dubare kirin. Em li vir kopiyek mînakek din lê zêde dikin da ku balê bikişîne ser gerok û ronîkirinê.

Spinners

Documentation

Toasts

Documentation

Tooltips

Documentation