<span class="label">1</span>

<span class="label label-rounded">10</span>

<span class="label label-square">10</span>

<span class="label label-inline">در انتظار</span>

<span class="label label-pill label-inline">10</span>

                        <span class="label label-rounded label-success mr-2">3</span>
                        <span class="label label-rounded label-primary mr-2">12</span>
                        <span class="label label-danger mr-2">5</span>
                        <span class="label label-warning mr-2">11</span>
                        <span class="label label-danger label-pill label-inline mr-2">جدید</span>
                        <span class="label label-warning label-pill label-inline mr-2">در انتظار</span>
                        <span class="label label-dark label-inline mr-2">انجام شده</span>
                        <span class="label label-info label-inline mr-2">در حال پردازش</span>
                        

                        <span class="label label-rounded label-success mr-2">3</span>
                        <span class="label label-rounded label-primary mr-2">12</span>
                        <span class="label label-danger mr-2">5</span>
                        <span class="label label-warning mr-2">11</span>
                        <span class="label label-danger label-pill label-inline mr-2">جدید</span>
                        <span class="label label-warning label-pill label-inline mr-2">در انتظار</span>
                        <span class="label label-dark label-inline mr-2">انجام شده</span>
                        <span class="label label-info label-inline mr-2">در حال پردازش</span>
                        

                        <span class="label label-rounded label-success mr-2">3</span>
                        <span class="label label-rounded label-primary mr-2">12</span>
                        <span class="label label-danger mr-2">5</span>
                        <span class="label label-warning mr-2">11</span>
                        <span class="label label-danger label-pill label-inline mr-2">جدید</span>
                        <span class="label label-warning label-pill label-inline mr-2">در انتظار</span>
                        <span class="label label-dark label-inline mr-2">انجام شده</span>
                        <span class="label label-info label-inline mr-2">در حال پردازش</span>
                        

                        <span class="label label-primary label-inline font-weight-lighter mr-2">Lighter</span>
                        <span class="label label-primary label-inline font-weight-light mr-2">Light</span>
                        <span class="label label-primary label-inline font-weight-normal mr-2">Normal</span>
                        <span class="label label-primary label-inline font-weight-bold mr-2">برچسته</span>
                        <span class="label label-primary label-inline font-weight-bolder mr-2">برچستهer</span>
                        <span class="label label-primary label-inline font-weight-boldest mr-2">برچستهest</span>
                        

<span class="label label-sm label-rounded label-success">3</span>
<span class="label label-md font-weight-bold label-rounded label-success">3</span>
<span class="label label-lg font-weight-bolder label-rounded label-success">3</span>
<span class="label label-xl font-weight-boldest label-rounded label-success">3</span>

<span class="label label-dot label-success"></span>

استایل دات لیبل <span class="label label-dot label-success"></span> example

<button class="btn font-weight-bold btn-primary mr-2">لیبل دکمه<span class="label label-sm label-white ml-2">5</span></button>
<button class="btn font-weight-bold btn-light-success mr-2">لیبل دکمه<span class="label label-danger ml-2">5</span></button>
<button class="btn font-weight-bold btn-lg btn-outline-danger">لیبل دکمه<span class="label label-lg label-warning ml-2">5</span></button>