బూట్స్ట్రాప్ మరియు తాపీపని

బూట్‌స్ట్రాప్ గ్రిడ్ సిస్టమ్ మరియు కార్డ్‌ల కాంపోనెంట్‌తో తాపీపనిని ఏకీకృతం చేయండి .

తాపీపని బూట్‌స్ట్రాప్‌లో చేర్చబడలేదు. జావాస్క్రిప్ట్ ప్లగిన్‌ను మాన్యువల్‌గా చేర్చడం ద్వారా లేదా 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మేము బూట్‌స్ట్రాప్ యొక్క ప్రతిస్పందించే గ్రిడ్ మరియు తాపీపని యొక్క స్థానాలను మిళితం చేయవచ్చు.


Placeholder Image cap
కొత్త లైన్‌కు చుట్టబడిన కార్డ్ శీర్షిక

ఇది అదనపు కంటెంట్‌కు సహజమైన లీడ్-ఇన్‌గా దిగువన ఉన్న సపోర్టింగ్ టెక్స్ట్‌తో కూడిన పొడవైన కార్డ్. ఈ కంటెంట్ కొంచెం పొడవుగా ఉంది.

బ్లాక్‌కోట్ మూలకంలో ఉన్న ప్రసిద్ధ కోట్.

Placeholder Image cap
కార్డ్ టైటిల్

ఈ కార్డ్‌లో అదనపు కంటెంట్‌కి సహజమైన లీడ్-ఇన్‌గా దిగువన మద్దతు వచనం ఉంది.

చివరిగా 3 నిమిషాల క్రితం అప్‌డేట్ చేయబడింది

బ్లాక్‌కోట్ మూలకంలో ఉన్న ప్రసిద్ధ కోట్.

కార్డ్ టైటిల్

ఈ కార్డ్‌కి దిగువన సాధారణ శీర్షిక మరియు చిన్న పేరా వచనం ఉంది.

చివరిగా 3 నిమిషాల క్రితం అప్‌డేట్ చేయబడింది

Placeholder Card image

బ్లాక్‌కోట్ మూలకంలో ఉన్న ప్రసిద్ధ కోట్.

కార్డ్ టైటిల్

దిగువన ఉన్న శీర్షిక మరియు సపోర్టింగ్ టెక్స్ట్ ఉన్న మరొక కార్డ్ ఇది. ఈ కార్డ్‌లో కొంత అదనపు కంటెంట్ ఉంది, ఇది మొత్తం మీద కొంచెం పొడవుగా ఉంటుంది.

చివరిగా 3 నిమిషాల క్రితం అప్‌డేట్ చేయబడింది