Source

ಅಂಕಿ

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನಲ್ಲಿ ಫಿಗರ್ ಕಾಂಪೊನೆಂಟ್‌ನೊಂದಿಗೆ ಸಂಬಂಧಿತ ಚಿತ್ರಗಳು ಮತ್ತು ಪಠ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸಲು ದಾಖಲೆ ಮತ್ತು ಉದಾಹರಣೆಗಳು.

ಐಚ್ಛಿಕ ಶೀರ್ಷಿಕೆಯೊಂದಿಗೆ ಚಿತ್ರದಂತಹ ವಿಷಯದ ತುಣುಕನ್ನು ಪ್ರದರ್ಶಿಸಲು ನೀವು ಯಾವಾಗ ಬೇಕಾದರೂ, ಬಳಸುವುದನ್ನು ಪರಿಗಣಿಸಿ <figure>.

HTML5 ಮತ್ತು ಅಂಶಗಳಿಗಾಗಿ ಕೆಲವು ಬೇಸ್‌ಲೈನ್ ಶೈಲಿಗಳನ್ನು ಒದಗಿಸಲು ಒಳಗೊಂಡಿರುವ .figure, .figure-imgಮತ್ತು ತರಗತಿಗಳನ್ನು ಬಳಸಿ. ಅಂಕಿಗಳಲ್ಲಿನ ಚಿತ್ರಗಳು ಯಾವುದೇ ಸ್ಪಷ್ಟವಾದ ಗಾತ್ರವನ್ನು ಹೊಂದಿಲ್ಲ, ಆದ್ದರಿಂದ ಅದನ್ನು ಸ್ಪಂದಿಸುವಂತೆ ಮಾಡಲು ನಿಮ್ಮ ವರ್ಗವನ್ನು ಸೇರಿಸಲು ಮರೆಯದಿರಿ..figure-caption<figure><figcaption>.img-fluid<img>

400x300
ಮೇಲಿನ ಚಿತ್ರಕ್ಕೆ ಶೀರ್ಷಿಕೆ.
<figure class="figure">
  <img src=".../400x300" 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=".../400x300" 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>