Taayipoogiraafii
Galmee fi fakkeenyota barruu Bootstrap, qindaa'inoota addunyaa, mata dureewwan, barruu qaamaa, tarreewwanii fi kkf dabalatee.
Haala addunyaa
Bootstrap agarsiisa addunyaa bu'uuraa, barreessuu, fi akkaataa walqabsiisaa saaga. Yeroo too'annoon dabalataa barbaachisu, gitaalee faayidaa barruu ilaali .
- Tuullaa qubee dhalootaa kan
font-family
tokkoon tokkoo OS fi meeshaadhaaf isa gaarii filatu fayyadami. - Iskeelii akaakuu caalaatti hammataa fi dhaqqabamaa
font-size
ta'eef, daawwattoonni akka barbaachisummaa isaatti durtii biraawzari isaanii dhuunfachuu akka danda'aniif hundee durtii biraawzari (akkaataa idileetti 16px) jennee fudhanna. $font-family-base
,$font-size-base
, fi amaloota$line-height-base
akka bu'uura maxxansaa keenyaa<body>
.- Halluu hidhaa waliigalaa karaa saagi
$link-color
fi jala sarara hidhaa qofa irratti hojii irra oolchi:hover
. - ( durtii) irratti
$body-bg
a saaguuf fayyadami .background-color
<body>
#fff
Akkaataawwan kun keessaa argamuu danda'u _reboot.scss
, jijjiiramoonni waliigalaa keessatti ibsamaniiru _variables.scss
. $font-size-base
keessa galchuu kee mirkaneessi rem
.
Mata dureewwan
Mata dureewwan HTML hundi, <h1>
karaa <h6>
, ni argamu.
Mata duree | Fakkeenya |
---|---|
|
h1. Mata duree bootstrap jedhu |
|
h2. Mata duree bootstrap jedhu |
|
h3. Mata duree bootstrap jedhu |
|
h4. Mata duree bootstrap jedhu |
|
h5. Mata duree bootstrap jedhu |
|
h6. Mata duree bootstrap jedhu |
.h1
karaa .h6
gitaawwaniis ni argamu, yeroo akkaataa qubee mataduree tokkoo walsimsiisuu barbaaddu garuu qaama HTML walqabate fayyadamuu hin dandeenyeef.
h1. Mata duree bootstrap jedhu
h2. Mata duree bootstrap jedhu
h3. Mata duree bootstrap jedhu
h4. Mata duree bootstrap jedhu
h5. Mata duree bootstrap jedhu
h6. Mata duree bootstrap jedhu
Mata dureewwan dhuunfachuu
Barruu mata duree lammaffaa xiqqaa Bootstrap 3 irraa irra deebi'uuf gitaalee faayidaa hammataman fayyadami.
Mata duree agarsiisa faashinii Barruu lammaffaa faded wajjin
Mata dureewwan agarsiisi
Qaamonni mata duree aadaa foon qabiyyee fuula keetii keessatti akka gaariitti akka hojjetan qophaa'aniiru. Yeroo mata duree adda ta’uuf barbaaddu, mata duree agarsiisaa fayyadamuu yaadaa —akkaataa mata duree guddaa, xiqqoo yaada qabu. Mata dureewwan kun akka durtiitti deebii hin kennan yaada keessa galchi, garuu hammangaa qubee deebii kennu dandeessisuun ni danda'ama .
Agarsiisa 1. |
Agarsiisa 2. |
Agarsiisa 3. |
Agarsiisa 4. |
Geggeessi
Keeyyatni tokko .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor caalbaasii. Duis mollis, est kan koomoodoo hin taane.
Qaamolee barruu sarara keessaa
Qaamolee HTML5 sarara keessaa waliigalaadhaaf akkaataa.
Taagiin mallattoo itti fayyadamuu dandeessairra keessabarreeffama.
Sararri barruu kun akka barruu haqameetti akka ilaalamu yaadameeti.
Sararri barreeffamaa kun kana booda akka sirrii hin taaneetti akka ilaalamu yaadameeti.
Sararri barruu kun akka dabalata galmeetti akka ilaalamu yaadameeti.
Sararri barruu kun akka jala sararametti ni agarsiisa
Sararri barruu kun akka qubee xiqqaatti akka ilaalamu yaadameeti.
Sararri kun akka barruu jajjabootti agarsiifame.
Sararri kun akka barruu jallisii ta'etti agarsiifame.
.mark
fi .small
gitaawwan akkasumas akkaataa walfakkaataa hojiirra oolchuuf ni argamu akkasumas <mark>
hiika <small>
hiika hin barbaadamne kamiyyuu kan mallattoolee fidan irraa fagaatanii.
Armaan olitti osoo hin agarsiifamin, bilisaan fayyadamuu <b>
fi <i>
HTML5 keessatti. <b>
jechoota ykn gaalee osoo barbaachisummaa dabalataa hin dabarsin calaqqisiisuuf kan yaadame yoo ta’u <i>
irra caalaa sagalee, jechoota teeknikaa fi kkf kan ta’udha.
Faayidaa barruu
Faayidaa barruu fi faayidaa halluu keenyaan qindaa'ina barruu, jijjiiri, akkaataa, ulfaatina, fi halluu jijjiiri .
Gabateewwan
Hojiirra oolmaa istaayil ta'e <abbr>
elementii HTML's gabaabduu fi gabaabduudhaaf gosa babal'ate hover irratti agarsiisuuf. Gabateewwan sarara durtii qabu fi qaree gargaarsaa argachuun haala dabalataa hover irratti fi fayyadamtoota teeknooloojiiwwan gargaarsaa kennuudhaaf.
.initialism
Qubee-size xiqqoo xiqqaa ta'eef gabaabduutti dabali .
attr
HTML
Jechoota ugguraa
Galmee kee keessaa madda biraa irraa uggura qabiyyee caqasuudhaaf. HTML<blockquote class="blockquote">
kamiyyuu akka caqasaatti marsi .
Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante.
Madda tokko moggaasuu
<footer class="blockquote-footer">
Madda adda baasuuf a itti dabali . Maqaa hojii madda <cite>
.
Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante.
Hiriirsuu
Hiriirsa caqasaa ugguraa kee jijjiiruuf akka barbaachisummaa isaatti faayilii barruu fayyadami.
Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante.
Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante.
Tarreewwan
Unstyled ta'e
list-style
Wantoota tarree irratti marga durtii fi bitaa haqi (ijoollee battalaa qofa). Kun wanta tarree ijoollee battalaa qofa ilaallata , jechuunis tarreewwan man'ee kamiifuu gita dabaluu si barbaachisa akkasumas.
- Lorem ipsum dolor taa'aa amet
- Consectetur adipiscing elit jedhamuun beekama
- Lakkoofsa guutuu molestie lorem at mass
- Faasilisis kan pretium nisl aliquet keessatti argamu
- Nulla volutpat alikiyaam velit jedhamuun beekama
- Phasellus iaculis neque jedhamuun beekama
- Purus sodales ultricies jedhamuun beekama
- Vestibulum laoreet porttiitor sem
- Ak tristique libero volutpat irratti
- Faucibus porta lacus fringilla vel jedhamuun beekama
- Aenean taa'u amet erat nunc
- Eget porttitor lorem jedhamtu
Sarara keessaa
Rasaasa tarree tokkoo haqiitii ifa tokko margin
tokko walnyaatinsa gita lamaatiin hojiirra oolchi, .list-inline
fi .list-inline-item
.
- Lorem ipsum jedhamuun beekama
- Phasellus iaculis jedhamuun beekama
- Nullaa volutpat jedhamtu
Hiriirsa tarree ibsaa
Gitoota sirna tarjaa keenyaa durtii ibsaman (ykn makaawwan hiikaa) fayyadamuun jechootaa fi ibsaalee qajeelaan qindeessii. .text-truncate
Yeroo dheeraadhaaf, barruu eliipsiitiin cicciruuf filannoodhaan gita dabaluu dandeessa .
- Tarreewwan ibsa
- Tarreen ibsa jechoota hiikuuf mijataa dha.
- Euismod jedhama
-
Vestibulum id ligula porta felis euismod sanyiin eget laasiiniyaa odio sem nec elit.
Donec id elit non mi porta gravida yeroo eget metus jedhamutti.
- Malesuada portaa jedhama
- Etiam porta sem malesuada guddaa mollis euismod jedhamuun beekama.
- Jechi ciccirame ni ciccirama
- Fusce dapibus, tellus ac cursus commodo, tortor mauris kondimentum nibh, ut fermentum massa qofa taa'uu amet risus.
- Koonyaa gochuu
-
- Tarree hiika man'ee
- Eeniyaan posuere, tortor sed abaarsa feugiat, nunc augue blandit amantii.
Hammangaa qubee deebii kennu
v4.3.0 irraa eegalee, Bootstrap filannoo hammangaa qubee deebii kennu dandeessisuuf erga, barruun hammangaa meeshaa fi buufata ilaalchaa irratti caalaatti uumamaan akka safaru hayyama. RFS$enable-responsive-font-sizes
jijjiiramaa Sass gara true
Bootstrap jijjiiruu fi irra deebi'anii qindeessuudhaan dandeessisuun ni danda'ama .
RFS deeggaruuf , qabeentota keenya idilee bakka buusuuf Sass mixin fayyadamna font-size
. Hangawwan qubee deebii kennan gara calc()
faankishiniiwwan walmakaa rem
fi yuunitii buufata ilaalchaa qabanitti qindaa'uun amala iskeelii deebii kennuu dandeessisu. Waa'ee RFS fi qindeessaa isaa caalaatti kuusaa GitHub isaa irratti argachuu dandeessu .