Halluuwwan
Hiika karaa halluu gita faayidaa halluu harka muraasaan dabarsuu. Deeggarsa walqabsiisota akkaataa haalawwan hover waliin of keessatti qabata, akkasumas.
.barreeffama-jalqabaa
.barreeffama-lammaffaa
.barreeffama-milkaa'ina
.barreeffama-balaa
.barreeffama-akeekkachiisa
.odeeffannoo-barreeffamaa
.barreeffama-ifa
.barreeffama-dukkana
.barreeffama-kan dhaamfame
.barreeffama-adii
<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-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>Kutaawwan barruu haalataas haalawwan hover fi xiyyeeffannoo kennaman waliin anchors irratti akka gaariitti hojjetu. Hubadhu, gitaan .text-whitefi .text-mutedakkaataa walqabsiisaa hin qabu.
<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>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-*.
<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>Yeroo gara dhugaatti qindaa'u, gitaalee faayidaa $enable-gradientsfayyadamuu ni dandeessa . Akka durtiitti, ni hanqifama fi fakkeenyi armaan gadii itti yaadee cabe. Kunis yeroo Bootstrap fayyadamuu jalqabdan irraa kaasee salphaatti dhuunfachuuf kan raawwatamudha. Waa'ee filannoowwan Sass keenyaa kutaalee kana dandeessisuuf fi kanneen biroo baradhu..bg-gradient-$enable-gradients
<div class="p-3 mb-2 bg-gradient-primary text-white">.bg-gradient-primary</div>
<div class="p-3 mb-2 bg-gradient-secondary text-white">.bg-gradient-secondary</div>
<div class="p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success</div>
<div class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger</div>
<div class="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warning</div>
<div class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info</div>
<div class="p-3 mb-2 bg-gradient-light text-dark">.bg-gradient-light</div>
<div class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark</div>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.