አቀማመጥ

የአንድን ንጥረ ነገር አቀማመጥ በፍጥነት ለማዋቀር እነዚህን ረዳቶች ይጠቀሙ።

በዚህ ገጽ ላይ

ቋሚ ከላይ

ከዳር እስከ ዳር አንድ ኤለመንት በመመልከቻው አናት ላይ ያስቀምጡ። በፕሮጀክትዎ ውስጥ የቋሚ ቦታን ውዝግቦች መረዳትዎን ያረጋግጡ; ተጨማሪ 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>