കണക്കുകൾ

നിങ്ങൾക്ക് എപ്പോൾ വേണമെങ്കിലും ഉള്ളടക്കത്തിന്റെ ഒരു ഭാഗം പ്രദർശിപ്പിക്കേണ്ടി വരും—ഒരു ഓപ്‌ഷണൽ അടിക്കുറിപ്പുള്ള ചിത്രം പോലെ, ഒരു ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക <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;