Gita hojii

Gargaartoota kana iddoo elementii saffisaan qindeessuuf fayyadami.

Fuula kana irratti

Gubbaa dhaabbataa

Qaama tokko gubbaa mul'ataa irratti, qarqara irraa gara qarqaraatti kaa'i. Pirojektii kee keessatti ejjennoo dhaabbataa (fixed position) akka qabu hubachuu kee mirkaneessi; CSS dabalataa dabaluu si barbaachisuu danda'a.

<div class="fixed-top">...</div>

Jalqaba dhaabbataa

Qabeentaa tokko jala mul'ataa, qarqara irraa gara qarqaraatti kaa'i. Pirojektii kee keessatti ejjennoo dhaabbataa (fixed position) akka qabu hubachuu kee mirkaneessi; CSS dabalataa dabaluu si barbaachisuu danda'a.

<div class="fixed-bottom">...</div>

Gubbaa maxxanuu

Qaama tokko gubbaa mul'ataa irra kaa'i, qarqara irraa gara qarqaraatti, garuu erga isa bira darbitee booda qofa.

<div class="sticky-top">...</div>

Deebii kan kennu gubbaa maxxanuu

Jijjiiramni deebii kennuunis .sticky-topfaayidaadhaaf ni jira.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Jalqaba maxxanuu

Qaama tokko jala mul'ataa, qarqara irraa gara qarqaraatti, garuu erga isa bira darbitee booda qofa kaa'i.

<div class="sticky-bottom">...</div>

Deebii kan kennu jala maxxanuu

Jijjiiramni deebii kennuunis .sticky-bottomfaayidaadhaaf ni jira.

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>