ਬੂਟਸਟਰੈਪ ਅਤੇ ਚਿਣਾਈ

ਬੂਟਸਟਰੈਪ ਗਰਿੱਡ ਸਿਸਟਮ ਅਤੇ ਕਾਰਡ ਕੰਪੋਨੈਂਟ ਨਾਲ ਮੇਸਨਰੀ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰੋ।

ਚਿਣਾਈ ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ। ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਪਲੱਗਇਨ ਨੂੰ ਹੱਥੀਂ ਸ਼ਾਮਲ ਕਰਕੇ, ਜਾਂ ਇਸ ਤਰ੍ਹਾਂ ਦੇ 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 ਮਿੰਟ ਪਹਿਲਾਂ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ