બુટસ્ટ્રેપ અને ચણતર

બુટસ્ટ્રેપ ગ્રીડ સિસ્ટમ અને કાર્ડ્સ ઘટક સાથે ચણતરને એકીકૃત કરો.

ચણતર બુટસ્ટ્રેપમાં સમાવેલ નથી. 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અમે બુટસ્ટ્રેપના રિસ્પોન્સિવ ગ્રીડ અને ચણતરની સ્થિતિની શક્તિઓને જોડી શકીએ છીએ.


Placeholder Image cap
કાર્ડનું શીર્ષક જે નવી લાઇન પર લપેટાય છે

વધારાની સામગ્રીમાં કુદરતી લીડ-ઇન તરીકે નીચે સહાયક ટેક્સ્ટ સાથે આ લાંબુ કાર્ડ છે. આ સામગ્રી થોડી લાંબી છે.

બ્લોકક્વોટ તત્વમાં સમાયેલ એક જાણીતું ક્વોટ.

Placeholder Image cap
કાર્ડ શીર્ષક

આ કાર્ડમાં વધારાની સામગ્રી માટે કુદરતી લીડ-ઇન તરીકે નીચે સહાયક ટેક્સ્ટ છે.

છેલ્લે 3 મિનિટ પહેલા અપડેટ કરવામાં આવ્યું

બ્લોકક્વોટ તત્વમાં સમાયેલ એક જાણીતું ક્વોટ.

કાર્ડ શીર્ષક

આ કાર્ડમાં નિયમિત શીર્ષક અને તેની નીચે ટેક્સ્ટનો ટૂંકો ફકરો છે.

છેલ્લે 3 મિનિટ પહેલા અપડેટ કરવામાં આવ્યું

Placeholder Card image

બ્લોકક્વોટ તત્વમાં સમાયેલ એક જાણીતું ક્વોટ.

કાર્ડ શીર્ષક

આ નીચે શીર્ષક અને સહાયક ટેક્સ્ટ સાથેનું બીજું કાર્ડ છે. આ કાર્ડને એકંદરે થોડું ઊંચું બનાવવા માટે કેટલીક વધારાની સામગ્રી છે.

છેલ્લે 3 મિનિટ પહેલા અપડેટ કરવામાં આવ્યું