ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ ਡੌਕਸ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਜਾਓ
Check
in English

ਅੰਕੜੇ

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

ਇਸ ਪੰਨੇ 'ਤੇ

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

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

Placeholder 400x300
ਉਪਰੋਕਤ ਚਿੱਤਰ ਲਈ ਇੱਕ ਸੁਰਖੀ।
html
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

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

Placeholder 400x300
ਉਪਰੋਕਤ ਚਿੱਤਰ ਲਈ ਇੱਕ ਸੁਰਖੀ।
html
<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;