Bootstrap class: .badge-pill
<span class="badge badge-pill badge-primary">Secondary</span>Preview
Secondary
Check .badge-pill in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
Sass source
/* _badge.scss:33 */
.badge-pill {
padding-right: $badge-pill-padding-x;
padding-left: $badge-pill-padding-x;
@include border-radius($badge-pill-border-radius);
}Uses variables
Code copied to the clipboard.
Copying failed
/* _badge.scss:33 */
$badge-pill-padding-x
$badge-pill-padding-x
$badge-pill-border-radius
