Sourceባጆች
ሰነዶች እና ምሳሌዎች ለባጅ፣ የእኛ ትንሽ ቆጠራ እና መለያ ክፍል።
ለምሳሌ
em
አንጻራዊ ቅርጸ-ቁምፊ መጠን እና አሃዶችን በመጠቀም ባጆች የቅርቡ የወላጅ አካል መጠንን ለማዛመድ ይለካሉ ።
የምሳሌ ርዕስአዲስ
የምሳሌ ርዕስአዲስ
የምሳሌ ርዕስአዲስ
የምሳሌ ርዕስአዲስ
የምሳሌ ርዕስአዲስ
የምሳሌ ርዕስአዲስ
ቆጣሪ ለማቅረብ ባጆች እንደ አገናኞች ወይም አዝራሮች አካል ሆነው ሊያገለግሉ ይችላሉ።
እንደ አጠቃቀሙ ላይ በመመስረት ባጆች ለስክሪን አንባቢ ተጠቃሚዎች እና ተመሳሳይ አጋዥ ቴክኖሎጂዎች ግራ ሊጋቡ እንደሚችሉ ልብ ይበሉ። የባጃጆች አጻጻፍ ዓላማቸውን በተመለከተ ምስላዊ ፍንጭ የሚሰጥ ቢሆንም፣ እነዚህ ተጠቃሚዎች ከባጁ ይዘት ጋር በቀላሉ ይቀርባሉ። እንደ ልዩ ሁኔታው እነዚህ ባጆች በአረፍተ ነገር፣ አገናኝ ወይም አዝራር መጨረሻ ላይ የዘፈቀደ ተጨማሪ ቃላት ወይም ቁጥሮች ሊመስሉ ይችላሉ።
ዐውደ-ጽሑፉ ግልጽ ካልሆነ በስተቀር (እንደ “ማሳወቂያዎች” ምሳሌ፣ “4” የማሳወቂያዎች ብዛት እንደሆነ ከተረዳ) በምስላዊ የተደበቀ ተጨማሪ ጽሑፍ ተጨማሪ አውድ ማካተት ያስቡበት።
የአውድ ልዩነቶች
የባጅ መልክን ለመለወጥ ከታች ከተጠቀሱት ማናቸውንም ማሻሻያ ክፍሎችን ያክሉ።
ዋና
ሁለተኛ ደረጃ
ስኬት
አደጋ
ማስጠንቀቂያ
መረጃ
ብርሃን
ጨለማ
ለረዳት ቴክኖሎጂዎች ትርጉም መስጠት
ትርጉምን ለመጨመር ቀለምን መጠቀም ምስላዊ ማሳያን ብቻ ያቀርባል, ይህም ለረዳት ቴክኖሎጂዎች ተጠቃሚዎች አይተላለፍም - እንደ ስክሪን አንባቢዎች. በቀለም የተወከለው መረጃ ከይዘቱ (ለምሳሌ ከሚታየው ጽሑፍ) ግልጽ መሆኑን ወይም በአማራጭ ዘዴዎች መካተቱን ያረጋግጡ፣ ለምሳሌ .sr-only
ከክፍል ጋር የተደበቀ ተጨማሪ ጽሑፍ።
የፒል ባጆች
.badge-pill
ባጆች ይበልጥ የተጠጋጉ (ትልቅ border-radius
እና ተጨማሪ አግድም ያለው padding
) ለማድረግ የመቀየሪያውን ክፍል ይጠቀሙ ። ከ v3 ባጆች ካመለጡ ጠቃሚ ነው።
ዋና
ሁለተኛ ደረጃ
ስኬት
አደጋ
ማስጠንቀቂያ
መረጃ
ብርሃን
ጨለማ
አገናኞች
የዐውደ-ጽሑፉ .badge-*
ክፍሎችን በአንድ <a>
ኤለመንት ላይ መጠቀም በፍጥነት ሊተገበሩ የሚችሉ ባጆችን ከማንዣበብ እና የትኩረት ሁኔታዎች ጋር ያቅርቡ።