Source

සංඛ්යා

Bootstrap හි රූප සංරචකය සමඟ අදාළ රූප සහ පෙළ ප්‍රදර්ශනය කිරීම සඳහා ප්‍රලේඛනය සහ උදාහරණ.

ඔබට විකල්ප සිරස්තලයක් සහිත රූපයක් වැනි-අන්තර්ගත කැබැල්ලක් ප්‍රදර්ශනය කිරීමට අවශ්‍ය ඕනෑම අවස්ථාවක, භාවිතා කිරීම සලකා බලන්න <figure>.

HTML5 සහ මූලද්‍රව්‍ය සඳහා මූලික මෝස්තර සැපයීමට ඇතුළත් .figure, .figure-imgසහ පන්ති භාවිතා කරන්න. රූපවල රූපවලට පැහැදිලි ප්‍රමාණ නොමැත, එබැවින් එය ප්‍රතිචාර දැක්වීමට පන්තිය ඔබේ වෙත එක් කිරීමට වග බලා ගන්න..figure-caption<figure><figcaption>.img-fluid<img>

400x300
ඉහත රූපය සඳහා ශීර්ෂ පාඨයක්.
<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>

අපගේ පෙළ උපයෝගිතා සමඟ රූපයේ සිරස්තල පෙළගැස්වීම පහසුය .

400x300
ඉහත රූපය සඳහා ශීර්ෂ පාඨයක්.
<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>