in English
ସଂଖ୍ୟା
ବୁଟଷ୍ଟ୍ରାପରେ ଚିତ୍ର ଉପାଦାନ ସହିତ ସମ୍ବନ୍ଧୀୟ ଚିତ୍ର ଏବଂ ପାଠ୍ୟ ପ୍ରଦର୍ଶନ ପାଇଁ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଏବଂ ଉଦାହରଣ |
ଏହି ପୃଷ୍ଠାରେ |
ଯେକ yt ଣସି ସମୟରେ ତୁମେ ବିଷୟବସ୍ତୁର ଏକ ଖଣ୍ଡ ପ୍ରଦର୍ଶନ କରିବାକୁ ପଡିବ - ଏକ ଇଚ୍ଛାଧୀନ କ୍ୟାପସନ୍ ସହିତ ଏକ ପ୍ରତିଛବି ପରି, a ବ୍ୟବହାର କରିବାକୁ ବିଚାର କର <figure>
|
HTML5 ଏବଂ ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ କିଛି ବେସ୍ ଲାଇନ୍ ଶ yles ଳୀ ପ୍ରଦାନ କରିବାକୁ ଅନ୍ତର୍ଭୂକ୍ତ .figure
, .figure-img
ଏବଂ ଶ୍ରେଣୀଗୁଡିକ ବ୍ୟବହାର କରନ୍ତୁ | ଚିତ୍ରଗୁଡ଼ିକରେ ପ୍ରତିଛବିଗୁଡ଼ିକର କ expl ଣସି ସ୍ପଷ୍ଟ ଆକାର ନାହିଁ, ତେଣୁ ଏହାକୁ ପ୍ରତିକ୍ରିୟାଶୀଳ କରିବା ପାଇଁ ଶ୍ରେଣୀକୁ ଯୋଡିବାକୁ ନିଶ୍ଚିତ ହୁଅନ୍ତୁ |.figure-caption
<figure>
<figcaption>
.img-fluid
<img>
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
ଚିତ୍ରର କ୍ୟାପସନ୍ ଆଲାଇନ୍ କରିବା ଆମର ପାଠ୍ୟ ଉପଯୋଗୀତା ସହିତ ସହଜ |
<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;