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

ସଂଖ୍ୟା

ବୁଟଷ୍ଟ୍ରାପରେ ଚିତ୍ର ଉପାଦାନ ସହିତ ସମ୍ବନ୍ଧୀୟ ଚିତ୍ର ଏବଂ ପାଠ୍ୟ ପ୍ରଦର୍ଶନ ପାଇଁ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଏବଂ ଉଦାହରଣ |

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

ଯେକ yt ଣସି ସମୟରେ ଆପଣଙ୍କୁ ବିଷୟବସ୍ତୁର ଏକ ଖଣ୍ଡ ପ୍ରଦର୍ଶନ କରିବାକୁ ପଡିବ - ଏକ ଇଚ୍ଛାଧୀନ କ୍ୟାପସନ୍ ସହିତ ଏକ ପ୍ରତିଛବି ପରି, a ବ୍ୟବହାର କରିବାକୁ ବିଚାର କରନ୍ତୁ <figure>|

HTML5 ଏବଂ ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ କିଛି ବେସ୍ ଲାଇନ୍ ଶ yles ଳୀ ପ୍ରଦାନ କରିବାକୁ ଅନ୍ତର୍ଭୂକ୍ତ .figure, .figure-imgଏବଂ ଶ୍ରେଣୀଗୁଡିକ ବ୍ୟବହାର କରନ୍ତୁ | ଚିତ୍ରଗୁଡ଼ିକରେ ପ୍ରତିଛବିଗୁଡିକର କ expl ଣସି ସ୍ପଷ୍ଟ ଆକାର ନାହିଁ, ତେଣୁ ଏହାକୁ ପ୍ରତିକ୍ରିୟାଶୀଳ କରିବା ପାଇଁ ଶ୍ରେଣୀକୁ ଯୋଡିବାକୁ ନିଶ୍ଚିତ ହୁଅନ୍ତୁ |.figure-caption<figure><figcaption>.img-fluid<img>

Placeholder 400x300
ଉପରୋକ୍ତ ପ୍ରତିଛବି ପାଇଁ ଏକ କ୍ୟାପସନ୍ |
html
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

ଚିତ୍ରର କ୍ୟାପସନ୍ ଆଲାଇନ୍ କରିବା ଆମର ପାଠ୍ୟ ଉପଯୋଗୀତା ସହିତ ସହଜ |

Placeholder 400x300
ଉପରୋକ୍ତ ପ୍ରତିଛବି ପାଇଁ ଏକ କ୍ୟାପସନ୍ |
html
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

ସାସ୍ |

ଭେରିଏବଲ୍ |

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;