ቦታ

ነዞም ሓገዝቲ ንኣቀማምጣ ሓደ ባእታ ብቕልጡፍ ንምውቃር ተጠቐመሎም።

ኣብዚ ገጽ

ጽኑዕ ላዕለዋይ ክፋል

ሓደ ባእታ ኣብ ላዕሊ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን። ኣብ ፕሮጀክትካ ውሱን መርገጺ ዘለዎ ጨንፈር ከም ዝተረዳእካዮ ኣረጋግጽ፤ ተወሳኺ CSS ክትውስኽ ከድልየካ ይኽእል እዩ።

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

ጽኑዕ ታሕተዋይ ክፋል

ሓደ ባእታ ኣብ ታሕቲ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን። ኣብ ፕሮጀክትካ ውሱን መርገጺ ዘለዎ ጨንፈር ከም ዝተረዳእካዮ ኣረጋግጽ፤ ተወሳኺ CSS ክትውስኽ ከድልየካ ይኽእል እዩ።

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

ተጣባቒ ላዕለዋይ ክፋል

ንሓደ ባእታ ኣብ ላዕሊ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን፣ ግን ምስ ሓለፍካዮ ጥራይ።

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

ምላሽ ዝህብ ተጣባቒ ላዕለዋይ ክፋል

.sticky-topንጥቕሚ እውን ምላሽ ዝህቡ ፍልልያት ኣለዉ ።

<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>

ተጣባቒ ታሕተዋይ ክፋል

ንሓደ ባእታ ኣብ ታሕቲ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን፣ ግን ምስ ሓለፍካዮ ጥራይ።

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

ምላሽ ዝህብ ተጣባቒ ታሕተዋይ ክፋል

.sticky-bottomንጥቕሚ እውን ምላሽ ዝህቡ ፍልልያት ኣለዉ ።

<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>