ମୁଖ୍ୟ ବିଷୟବସ୍ତୁକୁ ଯାଆନ୍ତୁ | ଡକସ୍ ନେଭିଗେସନ୍ କୁ ଯାଆନ୍ତୁ |
Check
in English

ଅବସ୍ଥାନ

ଏକ ଉପାଦାନର ସ୍ଥିତିକୁ ଶୀଘ୍ର ବିନ୍ୟାସ କରିବା ପାଇଁ ଏହି ସହାୟକକାରୀମାନଙ୍କୁ ବ୍ୟବହାର କରନ୍ତୁ |

ଫିକ୍ସଡ୍ ଟପ୍ |

ଭ୍ୟୁପୋର୍ଟର ଉପରି ଭାଗରେ ଏକ ଉପାଦାନ ରଖନ୍ତୁ, ଧାରରୁ ଧାର ପର୍ଯ୍ୟନ୍ତ | ନିଶ୍ଚିତ କର ଯେ ତୁମେ ତୁମର ପ୍ରୋଜେକ୍ଟରେ ସ୍ଥିର ସ୍ଥିତିର ପ୍ରଭାବ ବୁ understand ିଛ; ଆପଣଙ୍କୁ ଅତିରିକ୍ତ CSS ଯୋଡିବାକୁ ପଡିପାରେ |

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

ସ୍ଥିର ତଳ |

ଭ୍ୟୁପୋର୍ଟର ତଳ ଭାଗରେ, ଧାରରୁ ଧାର ପର୍ଯ୍ୟନ୍ତ ଏକ ଉପାଦାନ ରଖନ୍ତୁ | ନିଶ୍ଚିତ କର ଯେ ତୁମେ ତୁମର ପ୍ରୋଜେକ୍ଟରେ ସ୍ଥିର ସ୍ଥିତିର ପ୍ରଭାବ ବୁ understand ିଛ; ଆପଣଙ୍କୁ ଅତିରିକ୍ତ 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>