Run just as fast as I can

To the middle of nowhere
To the middle of my frustrated fears
And I swear you're just like a pill
Instead of makin' me better,
You keep makin' me ill
You keep makin' me ill

adds .label-pill to replace .badge

dist/css/bootstrap-flex.css

@@ -3278,6 +3278,11 @@ a.label:hover {
   text-decoration: none;
   cursor: pointer; }
 
+.label-pill {
+  padding-left: .6em;
+  padding-right: .6em;
+  border-radius: 1rem; }
+
 .label-default {
   background-color: #818a91; }
   .label-default[href]:focus,

dist/css/bootstrap.css

@@ -3193,6 +3193,11 @@ a.label:hover {
   text-decoration: none;
   cursor: pointer; }
 
+.label-pill {
+  padding-left: .6em;
+  padding-right: .6em;
+  border-radius: 1rem; }
+
 .label-default {
   background-color: #818a91; }
   .label-default[href]:focus,

docs/components/label.md

@@ -30,3 +30,16 @@ Add any of the below mentioned modifier classes to change the appearance of a la
 <span class="label label-warning">Warning</span>
 <span class="label label-danger">Danger</span>
 {% endexample %}
+
+### Pill labels
+
+Use the `.label-pill` modifier class to increase the rounded corners. Useful if you miss the badges from v3.
+
+{% example html %}
+<span class="label label-pill label-default">Default</span>
+<span class="label label-pill label-primary">Primary</span>
+<span class="label label-pill label-success">Success</span>
+<span class="label label-pill label-info">Info</span>
+<span class="label label-pill label-warning">Warning</span>
+<span class="label label-pill label-danger">Danger</span>
+{% endexample %}

scss/_labels.scss

@@ -36,6 +36,16 @@ a.label {
   }
 }
 
+// Pill labels
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+
+.label-pill {
+  padding-left: .6em;
+  padding-right: .6em;
+  border-radius: 1rem;
+}
+
 
 // Colors
 //