స్థానం
మూలకం యొక్క స్థానాన్ని త్వరగా కాన్ఫిగర్ చేయడానికి ఈ సహాయకులను ఉపయోగించండి.
స్థిర టాప్
వీక్షణపోర్ట్ ఎగువన, అంచు నుండి అంచు వరకు మూలకాన్ని ఉంచండి. మీరు మీ ప్రాజెక్ట్లో స్థిర స్థానం యొక్క పరిణామాలను అర్థం చేసుకున్నారని నిర్ధారించుకోండి; మీరు అదనపు 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>