---

categories: [Widgets]

layout: page

title: Badges

resource: true

---

<a href="#">Inbox <span class="badge">42</span></a>

<hr>

<ul class="nav nav-pills">

<li class="active"><a href="#">Home <span class="badge">42</span></a></li>

<li><a href="#">Profile</a></li>

<li><a href="#">Messages <span class="badge">3</span></a></li>

</ul>

<hr>

<ul class="nav nav-pills nav-stacked" style="max-width: 260px;">

<li class="active">

<a href="#">

<span class="badge pull-right">42</span>

Home

</a>

</li>

<li><a href="#">Profile</a></li>

<li>

<a href="#">

<span class="badge pull-right">3</span>

Messages

</a>

</li>

</ul>

<hr>

<button class="btn btn-primary" type="button">

Messages <span class="badge">4</span>

</button>