ප්‍රධාන අන්තර්ගතය වෙත යන්න ලේඛන සංචාලනය වෙත යන්න
Check
in English

සංඛ්යා

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

මෙම පිටුවේ

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