Bootstrap 4 ရောင်
စာသားအရောင်များ
Bootstrap 4 တွင် "အရောင်များမှတဆင့်အဓိပ္ပါယ်" ကိုပေးဆောင်ရန်အသုံးပြုနိုင်သောဆက်စပ်ပစ္စည်းအတန်းအချို့ရှိသည်။
စာသားအရောင်များအတွက် အတန်းများမှာ- .text-muted
,
.text-primary
, .text-success
, , .text-info
,
.text-warning
, , .text-danger
, .text-secondary
, .text-white
,
.text-dark
, .text-body
(မူလကိုယ်ထည်အရောင်/မကြာခဏအနက်ရောင်) နှင့် .text-light
:
ဥပမာ
This text is muted.
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary text.
Dark grey text.
Body text.
Light grey text.
ဆက်စပ်သော စာသားအတန်းအစားများကို လင့်ခ်များပေါ်တွင်လည်း အသုံးပြုနိုင်ပြီး၊ ပိုမိုနက်ရှိုင်းသော မောက်စ်တင်အရောင်ကို ပေါင်းထည့်နိုင်သည်-
ဥပမာ
.text-black-50
သို့မဟုတ် .text-white-50
အတန်းများ နှင့်အတူ အနက်ရောင် သို့မဟုတ် အဖြူ စာသားအတွက် 50% opacity ကိုလည်း ထည့်နိုင်သည် ။
ဥပမာ
Black text with 50% opacity on white background
White text with 50% opacity on black background
နောက်ခံအရောင်များ
နောက်ခံအရောင်များအတွက် အတန်းများမှာ- .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, , .bg-danger
, .bg-secondary
, .bg-dark
နှင့် .bg-light
.
နောက်ခံအရောင်များသည် စာသားအရောင်ကို မသတ်မှတ်ထားသောကြောင့် အချို့ကိစ္စများတွင် ၎င်းတို့ကို .text-*
အတန်းတစ်ခုနှင့် တွဲသုံးလိုမည်ဖြစ်သည်။
ဥပမာ
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary background color.
Dark grey background color.
Light grey background color.