in English

ባጅታት

ሰነዳትን ኣብነታትን ንባጅ፣ ንእሽቶ ቁጽርን ምልክትን ባእታና ።

ኣብነት

emባጅታት ኣንጻራዊ ዓቐን ቅርጺ ፊደላትን ኣሃዱታትን ብምጥቃም ምስ ዓቐን ናይቲ ቀረባ ወላዲ ባእታ ንኽሰማምዑ ይዕቀኑ ።

ኣብነት ኣርእስቲሓድሽ

ኣብነት ኣርእስቲሓድሽ

ኣብነት ኣርእስቲሓድሽ

ኣብነት ኣርእስቲሓድሽ

ኣብነት ኣርእስቲሓድሽ
ኣብነት ኣርእስቲሓድሽ
<h1>Example heading <span class="badge badge-secondary">New</span></h1>
<h2>Example heading <span class="badge badge-secondary">New</span></h2>
<h3>Example heading <span class="badge badge-secondary">New</span></h3>
<h4>Example heading <span class="badge badge-secondary">New</span></h4>
<h5>Example heading <span class="badge badge-secondary">New</span></h5>
<h6>Example heading <span class="badge badge-secondary">New</span></h6>

ባጅ ከም ኣካል ናይ መላግቦታት ወይ መጠወቒታት ተጠቒምካ ቆጻሪ ክትህብ ትኽእል ኢኻ።

<button type="button" class="btn btn-primary">
  Notifications <span class="badge badge-light">4</span>
</button>

ባጅ ከከም ኣጠቓቕምኦም ንተጠቀምቲ ስክሪን ሪደርን ተመሳሳሊ ሓገዝቲ ቴክኖሎጂታትን ምድንጋር ክፈጥሩ ከም ዝኽእሉ ኣስተውዕል። ቅዲ ባጅ ዕላምኦም ስእላዊ ምልክት ክህብ እንከሎ፡ እዞም ተጠቀምቲ ግን ትሕዝቶ ናይቲ ባጅ ጥራይ ክቐርቡ እዮም። ከከምቲ ፍሉይ ኩነታት፡ እዞም ባጅ እዚኣቶም፡ ኣብ መወዳእታ ሓረግ፡ መላግቦ ወይ መጠወቒ፡ ብሃንደበት ዚርከቡ ተወሳኺ ቃላት ወይ ቝጽርታት ኪመስሉ ይኽእሉ እዮም።

እቲ ዓውዲ ንጹር እንተዘይኮይኑ (ከምቲ ኣብነት “መፍለጢታት”፡ እቲ “4” ብዝሒ መፍለጢታት ምዃኑ ዝተረድአሉ)፡ ተወሳኺ ዓውዲ ምስ ብዓይኒ ዝተሓብአ ተወሳኺ ጽሑፍ ምሕዋስ ኣብ ግምት ኣእቱ።

<button type="button" class="btn btn-primary">
  Profile <span class="badge badge-light">9</span>
  <span class="sr-only">unread messages</span>
</button>

ዓውደ-ጽሑፋዊ ፍልልያት

መልክዕ ናይ ሓደ ባጅ ንምቕያር ዝኾነ ካብዞም ኣብ ታሕቲ ዝተጠቕሱ ናይ መቐየሪ ክፍልታት ወስኹ።

ቀዳማይ ካልኣይ ደረጃ ዓወት ሓደጋ ምኸዳን ሓበሬታ ብርሃን ፀልማት
<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-light">Light</span>
<span class="badge badge-dark">Dark</span>
ንሓገዝቲ ቴክኖሎጂታት ትርጉም ምትሕልላፍ

ትርጉም ንምውሳኽ ሕብሪ ምጥቃም ስእላዊ ምልክት ጥራይ እዩ ዝህብ፣ እዚ ድማ ንተጠቀምቲ ሓገዝቲ ቴክኖሎጂታት - ከም ስክሪን ሪደርስ - ኣይመሓላለፍን እዩ። ብሕብሪ ዝተመልከተ ሓበሬታ ወይ ካብቲ ትሕዝቶ ባዕሉ ርኡይ ምዃኑ ኣረጋግጽ (ንኣብነት እቲ ዝርአ ጽሑፍ)፣ ወይ ድማ ብኣማራጺ ኣገባብ ከም ዝሕወስ ኣረጋግጽ፣ ከም ተወሳኺ ጽሑፍ ምስቲ .sr-onlyክፍሊ ዝተሓብአ።

ናይ ከኒና ባጅ

.badge-pillባጅ ዝያዳ ክቡባት ንምግባር ነቲ ናይ መቐየሪ ክፍሊ ተጠቐም (ምስ ዝዓበየን border-radiusተወሳኺን ኣግማድ padding)። ካብ v3 ዝመጹ ባጅ እንተ ኣምሊጡካ ጠቓሚ እዩ።

ቀዳማይ ካልኣይ ደረጃ ዓወት ሓደጋ ምኸዳን ሓበሬታ ብርሃን ፀልማት
<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-secondary">Secondary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-danger">Danger</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-light">Light</span>
<span class="badge badge-pill badge-dark">Dark</span>

ኣብ ሓደ ባእታ ንዘለዉ ዓውደ-ጽሑፋዊ .badge-*ክፍልታት ምጥቃም ብቕልጡፍ ተግባራዊ ዝኾኑ ባጅ ምስ ሆቨርን ፎኮስን ኩነታት ይህብ።<a>

<a href="#" class="badge badge-primary">Primary</a>
<a href="#" class="badge badge-secondary">Secondary</a>
<a href="#" class="badge badge-success">Success</a>
<a href="#" class="badge badge-danger">Danger</a>
<a href="#" class="badge badge-warning">Warning</a>
<a href="#" class="badge badge-info">Info</a>
<a href="#" class="badge badge-light">Light</a>
<a href="#" class="badge badge-dark">Dark</a>