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 ၏နေရာချထားခြင်းဆိုင်ရာ စွမ်းအားများကို ပေါင်းစပ်နိုင်သည်။
စာကြောင်းအသစ်သို့ ထုပ်ပိုးထားသော ကတ်ခေါင်းစဉ်
၎င်းသည် အပိုအကြောင်းအရာသို့ သဘာဝအတိုင်း ပံ့ပိုးပေးသည့် အောက်တွင် စာသားပါရှိသော ပိုရှည်သောကတ်တစ်ခုဖြစ်သည်။ ဒီအကြောင်းအရာက နည်းနည်းရှည်တယ်။
ကတ်ခေါင်းစဉ်
ဤကတ်တွင် အပိုအကြောင်းအရာအတွက် သဘာဝကျသော လမ်းညွှန်ချက်တစ်ခုအနေဖြင့် အောက်ပါစာသားကို ပံ့ပိုးပေးပါသည်။
လွန်ခဲ့သော 3 မိနစ်က နောက်ဆုံး အပ်ဒိတ်လုပ်ခဲ့သည်။
ကတ်ခေါင်းစဉ်
ဤကတ်အောက်တွင် ပုံမှန်ခေါင်းစဉ်နှင့် စာပိုဒ်တိုများ ပါရှိသည်။
လွန်ခဲ့သော 3 မိနစ်က နောက်ဆုံး အပ်ဒိတ်လုပ်ခဲ့သည်။
ကတ်ခေါင်းစဉ်
ဤသည်မှာ အောက်ဖော်ပြပါ ခေါင်းစဉ်နှင့် ပံ့ပိုးထားသော စာသားပါသော အခြားကတ်တစ်ခုဖြစ်သည်။ ဤကတ်တွင် အနည်းငယ်ပိုမြင့်စေရန်အတွက် နောက်ထပ်အကြောင်းအရာအချို့ရှိသည်။
လွန်ခဲ့သော 3 မိနစ်က နောက်ဆုံး အပ်ဒိတ်လုပ်ခဲ့သည်။