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>