Source

ସଂଖ୍ୟା

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

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

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

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

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

400x300
ଉପରୋକ୍ତ ପ୍ରତିଛବି ପାଇଁ ଏକ କ୍ୟାପସନ୍ |
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>