Bootstrap සහ Masonry

Bootstrap ජාල පද්ධතිය සහ කාඩ්පත් සංරචකය සමඟ පෙදරේරු ඒකාබද්ධ කරන්න.

Masonry Bootstrap හි ඇතුළත් නොවේ. JavaScript ප්ලගිනය හස්තීයව ඇතුළත් කිරීමෙන් හෝ CDN භාවිතා කිරීමෙන් එය එක් කරන්න:


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
  

දවටනයට එකතු කිරීමෙන් data-masonry='{"percentPosition": true }', .rowඅපට Bootstrap හි ප්‍රතිචාරාත්මක ජාලයේ බලය සහ Masonry හි ස්ථානගත කිරීම ඒකාබද්ධ කළ හැකිය.


Placeholder Image cap
නව පේළියකට ඔතා ඇති කාඩ්පත් මාතෘකාව

මෙය අතිරේක අන්තර්ගතයන් වෙත ස්වභාවික නායකත්වයක් ලෙස පහත ආධාරක පෙළ සහිත දිගු කාඩ්පතකි. මෙම අන්තර්ගතය ටිකක් දිගු වේ.

බ්ලොක්කෝට් මූලද්‍රව්‍යයක අඩංගු සුප්‍රසිද්ධ උපුටා දැක්වීමකි.

Placeholder Image cap
කාඩ්පත් මාතෘකාව

මෙම කාඩ්පතට අමතර අන්තර්ගතයන් වෙත ස්වභාවික නායකත්වයක් ලෙස පහත ආධාරක පෙළ ඇත.

අවසන් වරට යාවත්කාලීන කළේ මිනිත්තු 3කට පෙරය

බ්ලොක්කෝට් මූලද්‍රව්‍යයක අඩංගු සුප්‍රසිද්ධ උපුටා දැක්වීමකි.

කාඩ්පත් මාතෘකාව

මෙම කාඩ්පතට පහළින් සාමාන්‍ය මාතෘකාවක් සහ කෙටි ඡේදයක් ඇත.

අවසන් වරට යාවත්කාලීන කළේ මිනිත්තු 3කට පෙරය

Placeholder Card image

බ්ලොක්කෝට් මූලද්‍රව්‍යයක අඩංගු සුප්‍රසිද්ධ උපුටා දැක්වීමකි.

කාඩ්පත් මාතෘකාව

මෙය පහත මාතෘකාව සහ ආධාරක පෙළ සහිත තවත් කාඩ්පතකි. මෙම කාඩ්පත සමස්තයක් ලෙස තරමක් උස කිරීමට අමතර අන්තර්ගතයක් ඇත.

අවසන් වරට යාවත්කාලීන කළේ මිනිත්තු 3කට පෙරය