Source

ਅੰਕੜੇ

ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਚਿੱਤਰ ਭਾਗ ਦੇ ਨਾਲ ਸੰਬੰਧਿਤ ਚਿੱਤਰਾਂ ਅਤੇ ਟੈਕਸਟ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਦਸਤਾਵੇਜ਼ ਅਤੇ ਉਦਾਹਰਣ।

ਜਦੋਂ ਵੀ ਤੁਹਾਨੂੰ ਸਮੱਗਰੀ ਦੇ ਇੱਕ ਹਿੱਸੇ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ — ਜਿਵੇਂ ਕਿ ਇੱਕ ਵਿਕਲਪਿਕ ਸੁਰਖੀ ਵਾਲਾ ਚਿੱਤਰ, ਇੱਕ ਦੀ ਵਰਤੋਂ ਕਰਨ 'ਤੇ ਵਿਚਾਰ ਕਰੋ <figure>

HTML5 ਅਤੇ ਤੱਤਾਂ ਲਈ ਕੁਝ ਬੇਸਲਾਈਨ ਸਟਾਈਲ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ ਸ਼ਾਮਲ .figure, .figure-imgਅਤੇ ਕਲਾਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਚਿੱਤਰਾਂ ਵਿੱਚ ਚਿੱਤਰਾਂ ਦਾ ਕੋਈ ਸਪਸ਼ਟ ਆਕਾਰ ਨਹੀਂ ਹੈ, ਇਸਲਈ ਇਸਨੂੰ ਜਵਾਬਦੇਹ ਬਣਾਉਣ ਲਈ ਆਪਣੀ ਕਲਾਸ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ।.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>