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

ଭୂଲମ୍ବ ନିୟମ |

<hr>ଉପାଦାନ ପରି ଭୂଲମ୍ବ ବିଭାଜନ ସୃଷ୍ଟି କରିବାକୁ କଷ୍ଟମ୍ ଭର୍ଟିକାଲ୍ ନିୟମ ସହାୟକକାରୀ ବ୍ୟବହାର କରନ୍ତୁ |

ଏହି ପୃଷ୍ଠାରେ |

ଏହା କିପରି କାମ କରେ |

ଭର୍ଟିକାଲ୍ ନିୟମଗୁଡିକ ଉପାଦାନ ଦ୍ୱାରା ଅନୁପ୍ରାଣିତ <hr>, ଆପଣଙ୍କୁ ସାଧାରଣ ଲେଆଉଟ୍ ଗୁଡିକରେ ଭର୍ଟିକାଲ୍ ଡିଭାଇଡର୍ ସୃଷ୍ଟି କରିବାକୁ ଅନୁମତି ଦିଏ | ସେଗୁଡିକ <hr>ଉପାଦାନ ପରି ଷ୍ଟାଇଲ୍ ହୋଇଛି:

  • ସେମାନେ 1pxପ୍ରଶସ୍ତ |
  • ସେମାନଙ୍କର ଅଛି min-height|1em
  • ସେମାନଙ୍କର ରଙ୍ଗ ମାଧ୍ୟମରେ currentColorଏବଂ ସେଟ୍ ହୋଇଛି |opacity

ଆବଶ୍ୟକ ଅନୁଯାୟୀ ଅତିରିକ୍ତ ଶ yles ଳୀ ସହିତ ସେମାନଙ୍କୁ କଷ୍ଟମାଇଜ୍ କରନ୍ତୁ |

ଉଦାହରଣ |

html
<div class="vr"></div>

ଭୂଲମ୍ବ ନିୟମଗୁଡ଼ିକ ଫ୍ଲେକ୍ସ ଲେଆଉଟ୍ ରେ ସେମାନଙ୍କର ଉଚ୍ଚତାକୁ ମାପ କରନ୍ତି:

html
<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

ଷ୍ଟାକ ସହିତ |

ସେଗୁଡିକ ଷ୍ଟାକରେ ମଧ୍ୟ ବ୍ୟବହାର କରାଯାଇପାରିବ :

ପ୍ରଥମ ଆଇଟମ୍ |
ଦ୍ୱିତୀୟ ଆଇଟମ୍ |
ତୃତୀୟ ଆଇଟମ୍ |
html
<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>