ଅବସ୍ଥାନ
ଏକ ଉପାଦାନର ସ୍ଥିତିକୁ ଶୀଘ୍ର ବିନ୍ୟାସ କରିବା ପାଇଁ ଏହି ସହାୟକକାରୀମାନଙ୍କୁ ବ୍ୟବହାର କରନ୍ତୁ |
ଫିକ୍ସଡ୍ ଟପ୍ |
ଭ୍ୟୁପୋର୍ଟର ଉପରି ଭାଗରେ ଏକ ଉପାଦାନ ରଖନ୍ତୁ, ଧାରରୁ ଧାର ପର୍ଯ୍ୟନ୍ତ | ନିଶ୍ଚିତ କର ଯେ ତୁମେ ତୁମର ପ୍ରୋଜେକ୍ଟରେ ସ୍ଥିର ସ୍ଥିତିର ପ୍ରଭାବ ବୁ 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>