Bootstrap နှင့် ပန်းရံ

Bootstrap grid စနစ်နှင့် ကတ်များ အစိတ်အပိုင်းများဖြင့် ပန်းရံ ကို ပေါင်းစပ် ပါ။

ပန်းရံသည် 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
စာကြောင်းအသစ်သို့ ထုပ်ပိုးထားသော ကတ်ခေါင်းစဉ်

၎င်းသည် အပိုအကြောင်းအရာသို့ သဘာဝအတိုင်း ပံ့ပိုးပေးသည့် အောက်တွင် စာသားပါရှိသော ပိုရှည်သောကတ်တစ်ခုဖြစ်သည်။ ဒီအကြောင်းအရာက နည်းနည်းရှည်တယ်။

blockquote element တွင်ပါရှိသော နာမည်ကြီးကိုးကား။

Placeholder Image cap
ကတ်ခေါင်းစဉ်

ဤကတ်တွင် အပိုအကြောင်းအရာအတွက် သဘာဝကျသော လမ်းညွှန်ချက်တစ်ခုအနေဖြင့် အောက်ပါစာသားကို ပံ့ပိုးပေးပါသည်။

လွန်ခဲ့သော 3 မိနစ်က နောက်ဆုံး အပ်ဒိတ်လုပ်ခဲ့သည်။

blockquote element တွင်ပါရှိသော နာမည်ကြီးကိုးကား။

ကတ်ခေါင်းစဉ်

ဤကတ်၏အောက်တွင် ပုံမှန်ခေါင်းစဉ်နှင့် စာပိုဒ်တိုများပါရှိသည်။

လွန်ခဲ့သော 3 မိနစ်က နောက်ဆုံး အပ်ဒိတ်လုပ်ခဲ့သည်။

Placeholder Card image

blockquote element တွင်ပါရှိသော နာမည်ကြီးကိုးကား။

ကတ်ခေါင်းစဉ်

ဤသည်မှာ အောက်ဖော်ပြပါ ခေါင်းစဉ်နှင့် ပံ့ပိုးထားသော စာသားပါသော အခြားကတ်တစ်ခုဖြစ်သည်။ ဤကတ်တွင် အနည်းငယ်ပိုမြင့်စေရန်အတွက် နောက်ထပ်အကြောင်းအရာအချို့ရှိသည်။

လွန်ခဲ့သော 3 မိနစ်က နောက်ဆုံး အပ်ဒိတ်လုပ်ခဲ့သည်။