Bootstrap 5 အချက်အလက်

网格系统

Bootstrap 的网格系统是用 flexbox 构建的，页面上最多允许 12 列。

如果您不想单独使用所有 12 列，您可以将这些列组合在一起以创建更宽的列：

网格系统响应迅速，列会根据屏幕大小自动重新排列。

သင့်ဘား 12 အချိန်အချိန် ကို သာ ဖြစ်စေ သို့မဟုတ် ပါ 12 အချိန်အချိန် ကို အသုံးပြုခြင်း မပါဘဲ အပေါ်အပေါ် အချိန်အချိန် ကို ဖြစ်စေ အပေါ်အပေါ် ဖော်ပြရန် ပါ။

အဆိုင်းဆိုင်းတိုက်ခုတ်ခြင်း အချိန်အချိန်

Bootstrap 5 အဆိုင်းဆိုင်းတိုက်ခုတ်ခြင်း သုံးဆယ် အချိန်အချိန် ပေးပါတယ်:

  • .col- (အကြီးအကဲ့သို့သော ကိရိက်များ - ဖောက်သုံးသုံးအချိန်အချိန် 576px နှင့် အောက်မှာ ရှိ)
  • .col-sm- (အကြီးအကဲ့သို့သော ကိရိက်များ - ဖောက်သုံးသုံးအချိန်အချိန် 576px နှင့် အောက်မှာ ရှိ)
  • .col-md- (အကြီးအကဲ့သို့သော ကိရိက်များ - ဖောက်သုံးသုံးအချိန်အချိန် 768px နှင့် အပြီးအပေါ် ရှိ)
  • .col-lg- (အကြီးအကဲ့သို့သော ကိရိက်များ - ဖောက်သုံးသုံးအချိန်အချိန် 992px နှင့် အပြီးအပေါ် ရှိ)
  • .col-xl- (အကြီးအကဲ့သို့သော ကိရိက်များ - ဖောက်သုံးသုံးအချိန်အချိန် 1200px နှင့် အပြီးအပေါ် ရှိ)
  • .col-xxl- (အကြီးအကဲ့သို့သော ကိရိက်များ - ဖောက်သုံးသုံးအချိန်အချိန် 1400px နှင့် အပြီးအပေါ် ရှိ)

အထက်အရာများကို ပေါင်းစပ်ကာ အမြန်တိုးလျက် အလွယ်တကူ ပြင်းထန်သော ပြင်ဆင်ခြင်း ကို ဖွဲ့စည်းနိုင်ပါတယ်。

အကြံပေး:ခုနစ်သုံးသုံးအချိန်အချိန်တွင် အစိတ်အချုပ်အား နှိပ်နှိပ်နှိပ်နှိပ်ခြင်းဖြင့် သင့်ဘား sm နှင့် md ကို အကြားအကြား လွတ်လပ်စွာ အချိန်အချိန် ချင်လျှင် သင့်ဘား sm ကို သာ ဖော်ပြရန် ပါ။

Bootstrap 5 အဆိုင်းဆိုင်းတိုက်ခုတ်ခြင်း၏ အခြေခံဖွဲ့စည်းအုဲန်း

ဒါက ဖြစ်ပါတယ် Bootstrap 5 အဆိုင်းဆိုင်းတိုက်ခုတ်ခြင်း၏ အခြေခံဖွဲ့စည်းအုဲန်း:

亲自试一试

第一个例子：创建一行（

）。然后，添加所需数量的列（带有 .col-*-* 类的标签）。第一颗星 (*) 代表响应度：sm、md、lg、xl 或 xxl，而第二颗星代表一个数字，每行加起来应为 12。

第二个例子：不是给每个 col 添加一个数字，而是让 bootstrap 处理布局，来创建等宽的列：两个 "col" 元素 = 每个列的 50% 宽度，而三个列 = 每个列的 33.33% 宽度。四列 = 25% 宽度等。您还可以使用 .col-sm|md|lg|xl|xxl 使列具有响应性。

အော်ဂန် အဆိုင်း

အော်ဂန် 5 က အော်ဂန် အဆိုင်းအတိုင်း အဆိုင်း က အဆိုင်း ကျသော ပတ်ဝန်းကျင် အခြေခံ က ပြုလုပ်ခြင်း ကို အုပ်ချုပ်ထားသည့် အဆိုင်း ကျသော ပတ်ဝန်းကျင် အခြေခံ ကို အုပ်ချုပ်ထားသည်။

အကြီး (576px) အကြီး (>=576px) အကြီး (>=768px) အကြီး (>=992px) အကြီး (>=1200px) အကြီးအကျယ် (>=1400px)
အချက်အလက် ပြက် .col- .col-sm- .col-md- .col-lg- .col-xl- .col-xxl-
အော်ဂန် အကြောင်း အခြေခံ အကွာအတိတ် အခြေခံ အကွာအတိတ် အခြေခံ အကွာအတိတ် အခြေခံ အကွာအတိတ် အခြေခံ အကွာအတိတ် အခြေခံ အကွာအတိတ်
အကွာအတွင်း အကွာအတိတ် အားနည်း (auto) 540px 720px 960px 1140px 1320px
သဘောတူ ကွန်ပျူတာ တွဲ ကွန်ပျူတာ လွှတ်တိုက် ပတ်ဝန်းကျင် ကွန်ပျူတာ အစားကြေး ကွန်ပျူတာ အစားကြေး ကွန်ပျူတာ နှင့် အဆိုပါ ကွန်ပျူတာ အစားကြေး ကွန်ပျူတာ နှင့် အဆိုပါ ကွန်ပျူတာ
လောက်ကြီး ကျသော စာရင်း အမှတ် 12 12 12 12 12 12
အကွာအတိတ် အကွာအတွင်း 1.5rem (လောက်ကြီး ကျသော စာရင်း ရှိ .75rem ) 1.5rem (လောက်ကြီး ကျသော စာရင်း ရှိ .75rem ) 1.5rem (လောက်ကြီး ကျသော စာရင်း ရှိ .75rem ) 1.5rem (လောက်ကြီး ကျသော စာရင်း ရှိ .75rem ) 1.5rem (လောက်ကြီး ကျသော စာရင်း ရှိ .75rem ) 1.5rem (လောက်ကြီး ကျသော စာရင်း ရှိ .75rem )
အပြန်ပိုင်း အေအို့ အေအို့ အေအို့ အေအို့ အေအို့ အေအို့
အဆက်အလက် အေအို့ အေအို့ အေအို့ အေအို့ အေအို့ အေအို့
လောက်ကြီး ကျသော စာရင်း အေအို့ အေအို့ အေအို့ အေအို့ အေအို့ အေအို့