ਅੰਕੜੇ

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

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

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

<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>

ਚਿੱਤਰ ਦੇ ਸਿਰਲੇਖ ਨੂੰ ਇਕਸਾਰ ਕਰਨਾ ਸਾਡੀ ਟੈਕਸਟ ਉਪਯੋਗਤਾਵਾਂ ਨਾਲ ਆਸਾਨ ਹੈ ।

<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>