---
title: "Badges, Labels, Page Headers"  
description: "Badges, Labels, Page Headers"  
author: "Anonymous User"  
published: 2018-06-29  
updated: 2018-07-02  
canonical: https://www.mindstick.com/forum/34568/badges-labels-page-headers  
category: "web development"  
tags: ["web development"]  
reading_time: 1 minute  

---

# Badges, Labels, Page Headers

Badges, Labels, [Page](https://www.mindstick.com/articles/13031/why-to-make-a-wikipedia-page) Headers in [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) ?

## Replies

### Reply by Prakash nidhi Verma

Badges,Labels,Page Headers in bootstrap:

## Badges :

We all have seen some numerical indicators beside some links in various websites. These are called badges.

```
<a href="#">Mindstick <span class="badge">2</span></a><br>
<a href="#">Like<span class="badge">3</span></a><br>
<a href="#">Comments <span class="badge">4</span></a>
```

## Labels:

We all have seen some additional information beside some links in various websites. These are called lables.

Grey – lable-default

Green – lable-success

Blue – lable-info

Yellow –lable-warning

Red – lable-danger

```
<span class="label label-default">Grey Label</span>
<span class="label label-success">Green Label</span>
<span class="label label-info">Blue Label</span>
<span class="label label-warning">Yellow Label</span>
<span class="label label-danger">Red Label</span>
```

## Panels:

We all have seen a box around some text or any information in various websites. These are called panels. Use the following classes to style the colour of the lable.

Grey – panel-default

Green – panel-success

Blue – panel-info

Yellow –panel-warning

Red – panel-danger

```
 <div class="panel panel-default">
  <div class="panel-body">Panel Mindstick</div>
</div>
```


---

Original Source: https://www.mindstick.com/forum/34568/badges-labels-page-headers

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.