in English

Halluuwwan

Hiika karaa halluu gita faayidaa halluu harka muraasaan dabarsuu. Deeggarsa walqabsiisota akkaataa haalawwan hover waliin of keessatti qabata, akkasumas.

Adda ta’uu wajjin walqabatee

Yeroo tokko tokko gitaawwan haalata (contextual classes) sababa adda ta'uu filannoo biraatiin hojiirra ooluu hin danda'an. Haala tokko tokko keessatti, furmaanni gahaan qabiyyee elementii kee a keessatti <div>gita waliin marsuudha.

Teeknooloojiiwwan gargaaraa ta’aniif hiika dabarsuu

Hiika dabaluudhaaf halluu fayyadamuun agarsiisa mul’ataa qofa kenna, kunis fayyadamtoota teeknooloojiiwwan gargaarsaa – kan akka dubbistoota iskiriinii – hin dabarfamu. Odeeffannoon halluudhaan agarsiifame qabiyyee mataa isaa irraa ifa ta'uu isaa mirkaneessi (fkn barruu mul'atu), ykn karaa filannootiin hammatamuu isaa, kan akka barruu dabalataa .sr-onlygita waliin dhokatee.

Halluu

.barreeffama-jalqabaa

.barreeffama-lammaffaa

.barreeffama-milkaa'ina

.barreeffama-balaa

.barreeffama-akeekkachiisa

.odeeffannoo-barreeffamaa

.barreeffama-ifa

.barreeffama-dukkana

.barreeffama-qaama

.barreeffama-kan dhaamfame

.barreeffama-adii

.barreeffama-gurraacha-50

.barreeffama-adii-50

<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-black-50">.text-black-50</p>
<p class="text-white-50 bg-dark">.text-white-50</p>

Kutaawwan barruu haalataas haalawwan hover fi xiyyeeffannoo kennaman waliin anchors irratti akka gaariitti hojjetu. Hubadhu, gitaan .text-whitefi .text-mutedakkaataa walqabsiisaa dabalataa sarara jala sararuu bira darbee akka hin qabne.

<p><a href="#" class="text-primary">Primary link</a></p>
<p><a href="#" class="text-secondary">Secondary link</a></p>
<p><a href="#" class="text-success">Success link</a></p>
<p><a href="#" class="text-danger">Danger link</a></p>
<p><a href="#" class="text-warning">Warning link</a></p>
<p><a href="#" class="text-info">Info link</a></p>
<p><a href="#" class="text-light bg-dark">Light link</a></p>
<p><a href="#" class="text-dark">Dark link</a></p>
<p><a href="#" class="text-muted">Muted link</a></p>
<p><a href="#" class="text-white bg-dark">White link</a></p>

Halluu duubbee

Gitoota halluu barruu yaadannoo wajjin walfakkaata, salphaatti duubbee elementii gara gita yaadannoo kamiyyuu saagi. Qaamonni anchor hover irratti ni dukkanaa'u, akkuma gita barruu. Faayidaaleen duubbee hincolor saagin , kanaaf haala tokko tokko keessatti faayidaa fayyadamuu barbaadda .text-*.

.bg-tokkoffaa
.bg-lammaffaa
.bg-milkaa'ina
.bg-balaa
.bg-akeekkachiisa
.bg-odeeffannoo
.bg-ifaa
.bg-dukkana
.bg-adii
.bg-iftoomina kan qabu
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-white">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>

Garaagarummaa duubbee

Yeroo $enable-gradientsgara true(durtii ) tti qindaa'u, gitaalee faayidaa falsefayyadamuu dandeessa . Waa'ee filannoowwan Sass keenyaa kutaalee kana dandeessisuuf fi kanneen biroo baradhu..bg-gradient-

  • .bg-gradient-primary
  • .bg-gradient-secondary
  • .bg-gradient-success
  • .bg-gradient-danger
  • .bg-gradient-warning
  • .bg-gradient-info
  • .bg-gradient-light
  • .bg-gradient-dark