ਅੰਕੜੇ

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

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