Components

Bi dehan hêmanên ji nû ve bi kar anîn hatine çêkirin ku navîgasyon, hişyarî, popover, û hêj bêtir peyda bikin.

Examples

Du vebijarkên bingehîn, ligel du guhertoyên taybetî.

Koma bişkojka yekane

Rêzek bişkokên bi .btndi pêça .btn-group.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Çep </button>
  3. <button class = "btn" > Navîn </button>
  4. <button class = "btn" > Rast </button>
  5. </div>

Komên bişkojka pirjimar

Komên ji <div class="btn-group">bo <div class="btn-toolbar">pêkhateyên tevlihevtir tevlihev bikin.

  1. <div class = "btn-toolbar" >
  2. <div class = "btn-group" >
  3. ...
  4. </div>
  5. </div>

Komên bişkojka Vertical

Komek bişkokan bikin ku li şûna horizontî, vertîkal li hevkirî xuya bikin.

  1. <div class = "btn-group btn-group-vertical" >
  2. ...
  3. </div>

Checkbox û çêjên radyoyê

Komên bişkokan jî dikarin wekî radyoyê bixebitin, ku tenê bişkokek dikare çalak be, an qutiyên kontrolê, ku li wir hejmarek bişkokek dibe ku çalak be. Ji bo wê belgeyên JavaScriptê bibînin .

Dropdowns di komên bişkojka

Serê xwe!Pêdivî ye ku bişkokên bi dakêşan ve bi rengek ferdî di .btn-grouphundurê xwe de bêne pêçandin da .btn-toolbarku birêkûpêk were çêkirin.

Nimûne û nimûne

Her bişkokek bikar bînin da ku pêşekek dakêşanê bi cîh bikin .btn-groupû nîşana menuya rast peyda bikin.

  1. <div class = "btn-group" >
  2. <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >
  3. Çalakî
  4. <span class = "caret" ></span>
  5. </a>
  6. <ul class = "dropdown-menu" >
  7. <!-- lînkên menuya daketî -->
  8. </ul>
  9. </div>

Bi hemî pîvanên bişkojkê re dixebite

Daxistina bişkokan di her mezinahiyê de dixebitin: .btn-large, .btn-small, an .btn-mini.

JavaScript hewce dike

Daxistina bişkokan pêdivî ye ku pêveka dakêşana Bootstrap bixebite .

Di hin rewşan de -mîna mobîl- pêşekên dakêşanê dê li derveyî dîmenderê dirêj bibin. Pêdivî ye ku hûn hevrêziyê bi destan an bi JavaScript-a xwerû çareser bikin.


Daxistina bişkojka Split

Li ser şêwazên koma bişkojkê û nîşankirinê ava bikin, em dikarin bi hêsanî bişkokek dabeşkirinê biafirînin. Bişkojkên dabeşkirinê li milê çepê çalakiyek standard û li milê rastê veguheztinek dakêşan bi girêdanên kontekstê ve vedigirin.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Çalakî </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </button>
  6. <ul class = "dropdown-menu" >
  7. <!-- lînkên menuya daketî -->
  8. </ul>
  9. </div>

Sizes

Dersên bişkojka zêde .btn-mini, .btn-small, an .btn-largeji bo mezinbûnê bikar bînin.

  1. <div class = "btn-group" >
  2. <button class = "btn btn-mini" > Çalakî </button>
  3. <button class = "btn btn-mini dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </button>
  6. <ul class = "dropdown-menu" >
  7. <!-- lînkên menuya daketî -->
  8. </ul>
  9. </div>

Pêşekên avêtinê

Di heman demê de pêşekên dakêşan dikarin ji binî jor ve werin guheztin bi lêzêdekirina pola yekane li dêûbavê yekser a .dropdown-menu. Ew ê .caretarasteka pêşekê bizivirîne û menuya xwe ji nû ve bi cîh bike da ku li şûna ku ji jor ber bi jêr ve biçe ji binî jor.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > Daxistin < /button>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </button>
  6. <ul class = "dropdown-menu" >
  7. <!-- lînkên menuya daketî -->
  8. </ul>
  9. </div>

Rûpelkirina standard

Rûpelkirina hêsan ku ji hêla Rdio ve hatî îlhama kirin, ji bo serîlêdan û encamên lêgerînê mezin e. Bloka mezin zehmet e ku meriv ji bîr neke, bi hêsanî tê pîvandin, û deverên klîk ên mezin peyda dike.

  1. <div class = "rûpelkirin" >
  2. <ul>
  3. <li><a href = "#" > Berê </a></li>
  4. <li><a href = "#" > 1 </a></li>
  5. <li><a href = "#" > 2 </a></li>
  6. <li><a href = "#" > 3 </a></li>
  7. <li><a href = "#" > 4 ​​</a></li>
  8. <li><a href = "#" > 5 </a></li>
  9. <li><a href = "#" > Paşê </a></li>
  10. </ul>
  11. </div>

Vebijêrk

Dewletên astengdar û çalak

Girêdan ji bo rewşên cûda têne xweş kirin. Ji .disabledbo lînkên ku nayên klîk kirin û .activeji bo nîşankirina rûpela heyî bikar bînin.

  1. <div class = "rûpelkirin" >
  2. <ul>
  3. <li class = "neçalak" ><a href = "#" > « </a></li>
  4. <li class = "çalak" ><a href = "#" > 1 </a></li>
  5. ...
  6. </ul>
  7. </div>

Hûn dikarin vebijarkî lengerên çalak an neçalak ji bo pêlavan biguhezînin da ku dema ku şêwazên mebest diparêzin fonksiyona klîk jêbirin.

  1. <div class = "rûpelkirin" >
  2. <ul>
  3. <li class = "neçalak" ><span> « </span></li>
  4. <li class = "çalak" ><span> 1 </span></li>
  5. ...
  6. </ul>
  7. </div>

Sizes

Dixwazin rûpela mezin an piçûktir bikin? Zêde bikin .pagination-large, .pagination-small, an .pagination-miniji bo pîvanên din.

  1. <div class = "pagination-large" >
  2. <ul>
  3. ...
  4. </ul>
  5. </div>
  6. <div class = "rûpelkirin" >
  7. <ul>
  8. ...
  9. </ul>
  10. </div>
  11. <div class = "pagination-pagination-small" >
  12. <ul>
  13. ...
  14. </ul>
  15. </div>
  16. <div class = "pagination-mini" >
  17. <ul>
  18. ...
  19. </ul>
  20. </div>

Alignment

Yek ji du çînên vebijarkî lê zêde bikin da ku lihevhatina girêdanên paginasyonê biguhezînin: .pagination-centeredû .pagination-right.

  1. <div class = "pagination-pagination-centred" >
  2. ...
  3. </div>
  1. <div class = "pagination-right pagination" >
  2. ...
  3. </div>

Pager

Zencîreyên zû yên berê û yên paşîn ên ji bo pêkanînên rûpela hêsan ên bi nîşankirin û şêwazên sivik. Ew ji bo malperên hêsan ên mîna blogan an kovaran pir baş e.

Mînakek standard

Bi xwerû, navendên pager girêdidin.

  1. <ul class = "pager" >
  2. <li><a href = "#" > Berê </a></li>
  3. <li><a href = "#" > Paşê </a></li>
  4. </ul>

Girêdanên lihevkirî

Alternatîf, hûn dikarin her lînkek bi aliyan re hevrêz bikin:

  1. <ul class = "pager" >
  2. <li class = "berê" >
  3. <a href = "#" > Kevintir </a>
  4. </li>
  5. <li class = "paşê" >
  6. <a href = "#" > Nûtir </a>
  7. </li>
  8. </ul>

Dewlet neçalak Bijarî

Girêdanên Pager di heman demê de .disabledçîna karanîna giştî ya ji pagasyonê bikar tînin.

  1. <ul class = "pager" >
  2. <li class = "berê neçalak" >
  3. <a href = "#" > Kevintir </a>
  4. </li>
  5. ...
  6. </ul>

Labels

Labels Markup
Destçûnî <span class="label">Default</span>
Serketinî <span class="label label-success">Success</span>
Gazî <span class="label label-warning">Warning</span>
Giring <span class="label label-important">Important</span>
Info <span class="label label-info">Info</span>
Berevajî <span class="label label-inverse">Inverse</span>

Badges

Nav Mînak Markup
Destçûnî 1 <span class="badge">1</span>
Serketinî 2 <span class="badge badge-success">2</span>
Gazî 4 <span class="badge badge-warning">4</span>
Giring 6 <span class="badge badge-important">6</span>
Info 8 <span class="badge badge-info">8</span>
Berevajî 10 <span class="badge badge-inverse">10</span>

Bi hêsanî tê hilweşandin

:emptyJi bo pêkanîna hêsan, dema ku naverok di hundurê de tune be , etîket û nîşanan dê bi hêsanî hilweşin (bi riya hilbijarka CSS-ê ).

Yekîneya Hero

Parçeyek sivik, maqûl ku naveroka sereke li ser malpera we nîşan bide. Ew li ser malperên kirrûbirr û naverok-giran baş dixebite.

Silav, dinya!

Ev yekîneyek qehremanek hêsan e, pêkhateyek bi şêwaza jumbotron e ku ji bo balkişandina zêde li naverok an agahdariya diyarkirî ye.

Bêtir hîn bibin

  1. <div class = "hero-unit" >
  2. <h1> Sernav </h1>
  3. <p> Tagline </p>
  4. <p>
  5. <a class = "btn btn-sereke btn-mezin" >
  6. Bêtir hîn bibin
  7. </a>
  8. </p>
  9. </div>

Sernavê rûpelê

Kevirek hêsan ji bo ku h1bi guncan veqetîne û beşên naverokê li ser rûpelekê dabeş bike. Ew dikare hêman, hêman û piraniya pêkhateyên din (bi şêwazên zêde) bikar h1bîne small.

  1. <div class = "rûpel-serî" >
  2. <h1> Sernivîsa rûpelê mînak <small> Bintekst ji bo sernivîsê </small></h1>
  3. </div>

Mînakên xwerû

Ji hêla xwerû, piçûkên Bootstrap-ê têne sêwirandin ku wêneyên girêdayî bi nîşana herî hindik hewce nîşan bidin.

Pir xwerû

Bi piçek nîşankirinek zêde, gengaz e ku meriv her cûre naveroka HTML-ê wekî sernav, paragraf, an bişkokan li piçûkan zêde bike.

  • 300x200

    Labelê thumbnail

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Çalakî Çalakî

  • 300x200

    Labelê thumbnail

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Çalakî Çalakî

  • 300x200

    Labelê thumbnail

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Çalakî Çalakî

Çima thumbnail bikar bînin

Thumbnails (berê .media-gridheta v1.4) ji bo torên wêneyan an vîdyoyan, encamên lêgerîna wêneyê, hilberên firotanê, portfolios, û hêj bêtir mezin in. Ew dikarin girêdan an naveroka statîk bin.

Nîşana hêsan, maqûl

Nîşana tîrêjê hêsan e - ulbi her hejmarek lihêmanan re her tiştê ku hewce ye. Di heman demê de ew pir maqûl e, ku destûrê dide her cûre naverokê ku bi tenê nîşanek din heye ku naveroka we pêça.

Mezinahiyên stûnên torê bikar tîne

Di paşiya paşîn de , hêmana piçûkan dersên pergala torê ya heyî bikar tîne - mîna .span2an .span3- ji bo kontrolkirina pîvanên piçûkan.

Markup

Wekî ku berê hate behs kirin, nîşana pêdivî ya ji bo piçûkan sivik û rasterast e. Li vir awirek li sazkirina xwerû ya ji bo wêneyên girêdayî heye :

  1. <ul class = "piçûk" >
  2. <li class = "span4" >
  3. <a href = "#" class = "piçûk" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. </a>
  6. </li>
  7. ...
  8. </ul>

Ji bo naveroka HTML-a xwerû ya di piçûkan de, nîşankirin hinekî diguhezîne. Ji bo ku destûr bidin naveroka asta blokê li her deverê, em <a>bi <div>vî rengî diguhezînin:

  1. <ul class = "piçûk" >
  2. <li class = "span4" >
  3. <div class = "piçûk" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. <h3> Etîketa xêzkirinê </h3>
  6. <p> Sernavê piçûk... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

Nimûneyên bêtir

Hemî vebijarkên xwe bi dersên cihêreng ên torê yên ku ji we re peyda dibin vekolînin. Her weha hûn dikarin mezinahiyên cûda tevlihev bikin û li hev bikin.

Hişyariya xwerû

.alertJi bo peyamek hişyariya hişyariya bingehîn, her nivîsê û bişkokek veqetandinê ya vebijarkî pêça .

Gazî! Baştirîn xwe kontrol bikin, hûn pir baş xuya nakin.
  1. <div class = "hişyar" >
  2. <button type = "button" class = "nêzîkî" data-dismiss = "hişyar" > × </button>
  3. <strong> Hişyarî! </strong> Ji xwe herî baş kontrol bikin, hûn pir baş xuya nakin.
  4. </div>

Bişkokên avêtin

Gerokên Mobile Safari û Mobile Opera, ji bilî data-dismiss="alert"taybetmendiyê, href="#"dema ku nîşanek bikar tînin ji bo rakirina hişyariyan hewce dikin <a>.

  1. <a href = "#" class = "nêzîkî" data-dismiss = "hişyar" > × </a>

Wekî din, hûn dikarin <button>hêmanek bi taybetmendiya daneyê bikar bînin, ya ku me hilbijartiye ku em ji bo belgeyên xwe bikin. Dema ku hûn bikar bînin <button>, divê hûn têxin type="button"an formên we neyên şandin.

  1. <button type = "button" class = "nêzîkî" data-dismiss = "hişyar" > × </button>

Hişyariyên bi JavaScriptê veqetînin

Plugina jQuery alerts bikar bînin ji bo rakirina bilez û hêsan a hişyariyan.


Vebijêrk

Ji bo peyamên dirêjtir, bi lêzêdekirina pêlavê li ser û binê pêça hişyariyê zêde bikin .alert-block.

Gazî!

Baştirîn xwe kontrol bikin, hûn pir baş xuya nakin. Nulla vitae elit libero, a pharetra augue. Pêşkêşiya commodo cursus magna, vel scelerisque nisl consectetur et.

  1. <div class = "hişyar-block" >
  2. <button type = "button" class = "nêzîkî" data-dismiss = "hişyar" > × </button>
  3. <h4> Hişyarî! </h4>
  4. Baştirîn xwe kontrol bikin, hûn ne ...
  5. </div>

Alternatîfên hevoksaziyê

Dersên vebijarkî lê zêde bikin da ku têgînek hişyariyê biguhezînin.

Error an xeter

Oh snap! Hin tiştan biguherînin û dîsa biceribînin.
  1. <div class = "hişyarî-error" >
  2. ...
  3. </div>

Serketinî

Aferîn! Te ev peyama hişyariya girîng bi serkeftî xwend.
  1. <div class = "hişyarî-serkeftin" >
  2. ...
  3. </div>

Agahî

Serî jor! Ev hişyarî hewceyê bala we ye, lê ew ne pir girîng e.
  1. <div class = "hişyariya agahdarî" >
  2. ...
  3. </div>

Nimûne û nîşankirin

Bingehîn

Bara pêşkeftinê ya xwerû bi gradientek vertîkal.

  1. <div class = "pêşketin" >
  2. <div class = "bar" style = " width : 60 %; " ></div>
  3. </div>

Striped

Ji bo afirandina bandorek xerîdar gradientek bikar tîne. Di IE7-8 de peyda nabe.

  1. <div class = "pêşveçûn-pêşveçûn-striped" >
  2. <div class = "bar" style = " width : 20 %; " ></div>
  3. </div>

Animated

Zêde .activebikin .progress-stripedda ku rêzikên rast ber bi çepê zindî bikin. Di hemî guhertoyên IE de peyda nabe.

  1. <div class = "progress progress-striped active" >
  2. <div class = "bar" style = " width : 40 %; " ></div>
  3. </div>

Stacked

Gelek baran bixin nav heman yekê .progressda ku wan bişkînin.

  1. <div class = "pêşketin" >
  2. <div class = "bar bar-success" style = " width : 35 %; " ></div>
  3. <div class = "bar bar-warning" style = " width : 20 %; " ></div>
  4. <div class = "bar bar-danger" style = " width : 10 %; " ></div>
  5. </div>

Vebijêrk

Rengên zêde

Barên pêşkeftinê ji bo şêwazên domdar hin heman bişkok û dersên hişyar bikar tînin.

  1. <div class = "pêşveçûn-agahdarî" >
  2. <div class = "bar" style = " width : 20 % " ></div>
  3. </div>
  4. <div class = "pêşveçûn-serkeftin" >
  5. <div class = "bar" style = " width : 40 % " ></div>
  6. </div>
  7. <div class = "pêşveçûn-hişyarî" >
  8. <div class = "bar" style = " width : 60 % " ></div>
  9. </div>
  10. <div class = "pêşveçûn-xetere" >
  11. <div class = "bar" style = " width : 80 % " ></div>
  12. </div>

bars stripe

Mîna rengên zexm, me barên pêşkeftinê yên cûrbecûr hene.

  1. <div class = "progress progress-info progress-striped" >
  2. <div class = "bar" style = " width : 20 % " ></div>
  3. </div>
  4. <div class = "pêşveçûn-pêşveçûn-serkeftin-pêşveçûn-striped" >
  5. <div class = "bar" style = " width : 40 % " ></div>
  6. </div>
  7. <div class = "pêşveçûn-pêşveçûn-hişyarî pêşveçûn-striped" >
  8. <div class = "bar" style = " width : 60 % " ></div>
  9. </div>
  10. <div class = "pêşveçûn-pêşveçûn-xetere-pêşveçûn-striped" >
  11. <div class = "bar" style = " width : 80 % " ></div>
  12. </div>

Piştgiriya gerokê

Barên pêşkeftinê gradient, veguheztin û anîmasyonên CSS3 bikar tînin da ku bigihîjin hemî bandorên xwe. Van taybetmendiyan di IE7-9 an guhertoyên kevntir ên Firefox-ê de nayên piştgirî kirin.

Guhertoyên berê ji Internet Explorer 10 û Opera 12 anîmasyon piştgirî nakin.

Şêweyên tiştên razber ên ji bo avakirina cûrbecûr pêkhateyan (mîna şîroveyên blogê, Tweet, hwd.) ku li kêleka naveroka nivîsê wêneyek rêzkirî ya çep an rast vedihewîne.

Mînakek standard

Medyaya xwerû dihêle ku tiştek medyayê (wêne, vîdyo, deng) li çepê an rastê bloka naverokê biherike.

64x64

Sernavê medyayê

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis li faucibus.
64x64

Sernavê medyayê

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis li faucibus.
64x64

Sernavê medyayê

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis li faucibus.
  1. <div class = "medya" >
  2. <a class = "pull-left" href = "#" >
  3. <img class = "media-object" data-src = "holder.js/64x64" >
  4. </a>
  5. <div class = "media-body" >
  6. <h4 class = "media-heading" > Sernavê medyayê </h4>
  7. ...
  8.  
  9. <!-- Nested media object -->
  10. <div class = "medya" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Lîsteya medyayê

Bi piçek nîşanek zêde, hûn dikarin medyayê di hundurê navnîşê de bikar bînin (ji bo mijarên şîroveyan an navnîşên gotaran bikêr e).

  • 64x64

    Sernavê medyayê

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    64x64

    Sernavê medyaya nested

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    64x64

    Sernavê medyaya nested

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    64x64

    Sernavê medyaya nested

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  • 64x64

    Sernavê medyayê

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  1. <ul class = "lîsteya medyayê" >
  2. <li class = "medya" >
  3. <a class = "pull-left" href = "#" >
  4. <img class = "media-object" data-src = "holder.js/64x64" >
  5. </a>
  6. <div class = "media-body" >
  7. <h4 class = "media-heading" > Sernavê medyayê </h4>
  8. ...
  9.  
  10. <!-- Nested media object -->
  11. <div class = "medya" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

Wells

Li ser hêmanek baş wekî bandorek hêsan bikar bînin da ku wê bandorek hundurîn bidin.

Binêre, ez di bîrekê de me!
  1. <div class = "baş" >
  2. ...
  3. </div>

Dersên Bijarî

Bi du çînên guhêrbar ên vebijarkî, pêlav û quncikên dorpêçkirî kontrol bikin.

Binêre, ez di bîrekê de me!
  1. <div class = "baş baş-mezin" >
  2. ...
  3. </div>
Binêre, ez di bîrekê de me!
  1. <div class = "baş baş-biçûk" >
  2. ...
  3. </div>

Girtina îkonê

Ji bo betalkirina naverokê mîna modal û hişyariyê îkona nêzîkê ya gelemperî bikar bînin.

  1. <button class = "nêzîkî" > × </button>

href="#"Ger hûn tercîh dikin ankerek bikar bînin cîhazên iOS-ê ji bo klîk bûyeran hewce dikin.

  1. <a class = "close" href = "#" > × </a>

Dersên alîkar

Dersên sade, baldar ji bo pêşandana piçûk an guheztinên tevgerê.

.kişandin-çep

Elementek çepê birijîne

  1. class = "çep-kişandin"
  1. . kişandin - çep {
  2. float : çep ;
  3. }

.kişandin-rast

Hêmanek rast bişo

  1. class = "bikişîne-rast"
  1. . kişandin - rast {
  2. float : rast ;
  3. }

.bêdeng kirin

Rengê hêmanekê biguherînin#999

  1. class = "bêdeng"
  1. . bêdeng kirin {
  2. color : #999;
  3. }

.zelal kirin

floatLi ser her elementek paqij bikin

  1. class = "zelal"
  1. . zelalkirin {
  2. * zoom : 1 ;
  3. &: berî ,
  4. &: piştî {
  5. nîşan dan : tablo ;
  6. naverok : "" ;
  7. }
  8. &: piştî {
  9. zelal : hem ;
  10. }
  11. }