Josephin Doe

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

#### Label Badge

Lorem ipsum dolor sit amet, consectetur adipisicing elit

##### Badges

Lorem ipsum dolor sit amet, consectetur adipisicing elit
Default badge

Use class `badge-default`

5 9 15
Primary badge

Use class `badge-primary`

5 9 15
Success badge

Use class `badge-success`

5 9 15
Warning badge

Use class `badge-warning`

5 9 15
Danger badge

Use class `bg-danger`

5 9 15
Info badge

Use class `badge-info`

5 9 15
inverse default badge

Use class `badge-inverse-default`

5 9 15
Inverse primary badge

Use class `badge-inverse-primary`

5 9 15
Inverse success badge

Use class `badge-inverse-success`

5 9 15
Inverse warning badge

Use class `badge-inverse-warning`

5 9 15
Inverse Danger badge

Use class `badge-inverse-danger`

5 9 15
Inverse Info badge

Use class `badge-inverse-info`

5 9 15

##### Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the `.label` class, followed by one of the six contextual classes `.label-default`, `.bg-primary`, `.bg-success`, `.bg-info`, `.bg-warning` or `.bg-danger`, within a `<label>` element to create a label:

Default Label
Primary Label
Success Label
Info Label
Warning Label
Danger Label
Inverse Label
Border Default
Border Primary
Border Success
Border Label
Border Warning
Border Danger
Border Inverse

##### Label Sizes

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the `.label-lg` class along with `.label` for large label and Use the `.label-md` class along with `.label` for medium label.The`.label` class use form small label

Large Label
Medium Label
Default Label

##### Badge Sizes

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the `.badge-lg` class along with `.badge` for large badge and Use the `.badge-md` class along with `.badge` for medium badge.The`.badge` class use form small badge

5 5 5
5 5 5
5 5 5

##### Badges On Button

##### Code Explanation for Badges Button

                                            /* Badges For General Button */

                                            /* Badges For Primary Button */

                                            /* Badges For Success Button */

                                            /* Badges For Warning Button */

                                            /* Badges For Danger Button */

                                            /* Badges For Info Button */

##### Badges With Icon

Top Left badge

##### Code Explanation for Top Left Badge

                                    /* Use For Badge Top Left */

                                    <div class="label-icon">
                                    <i class="icofont icofont-envelope"></i>
                                    <label class="badge badge-default badge-top-left">5</label>
                                    </div>

Use class `badge-top-left`

5
Top Right badge

##### Code Explanation for Top Right Badge

                                        /* Use For Badge Top Right */

                                        <div class="label-icon">
                                        <i class="icofont icofont-envelope"></i>
                                        <label class="badge badge-primary badge-top-right">9</label>
                                        </div>

Use class `badge-top-right`

9
Bottom Left badge

##### Code Explanation for Bottom Left Badge

                                      /* Use For Badge Bottom Left */

                                      <div class="label-icon">
                                      <i class="icofont icofont-envelope"></i>
                                      <label class="badge badge-success badge-bottom-left">9</label>

                                      </div>

Use class `badge-bottom-left`

9
Bottom Right badge

##### Code Explanation for Bottom Right Badge

                                    /* Use For Badge Bottom Right */

                                    <div class="label-icon">
                                    <i class="icofont icofont-envelope"></i>
                                    <label class="badge badge-warning badge-bottom-right">5</label>

                                    </div>

Use class `badge-bottom-right`

5