These docs are for the prereleased 1.0.0.alpha2 version of Bootstrap Email - Give Feedback

Badge

An inline way to show a status or count.

Class Result
.badgethe base badge class to setup structure
.badge-primaryprimary theme color
.badge-secondarysecondary theme color
.badge-successsuccess theme color
.badge-infoinfo theme color
.badge-warningwarning theme color
.badge-dangerdanger theme color
.badge-lightlight theme color
.badge-darkdark theme color

Usage

Use the Background Color, Text Color, and Border Radius classes to style badges.

<span class="badge bg-primary">Primary</span>
<span class="badge bg-secondary">Secondary</span>
<span class="badge bg-success">Success</span>
<span class="badge bg-danger">Danger</span>
<span class="badge bg-warning text-dark">Warning</span>
<span class="badge bg-info text-dark">Info</span>
<span class="badge bg-light text-dark rounded-full">Light</span>
<span class="badge bg-dark rounded-full">Dark</span>

Primary Secondary Success Danger Warning Info Light Dark


Compiled Example

Input

<span class="badge badge-primary">Badge</span>

Output

<table class="badge badge-primary" align="left" role="presentation" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="line-height: 1; font-size: 75%; display: inline-block; font-weight: 700; white-space: nowrap; border-radius: 4px; margin: 0; padding: 4px 6.4px;" align="center" valign="baseline">
        <span>Badge</span>
      </td>
    </tr>
  </tbody>
</table>