<ul class="breadcrumb border-default bg-default">
<li><a href="#" title="Home"><span class="fa fa-home"></span> Home</a></li>
<li><a href="#" title="Features">Features</a></li>
<li class="active">Breadcrumbs</li>
<li class="right">
<a href="#" title="Chats"><span class="fa fa-envelope-o"></span> Chats </a>
<span class="dropdown">
<span type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog"></i> Settings <i class="fa fa-angle-down"></i>
</span>
<ul class="dropdown-menu bottom-right" role="menu">
<li><a href="#" title="Action">Action</a></li>
<li><a href="#" title="Another action">Another action</a></li>
<li><a href="#" title="Something else here">Something else here</a></li>
<li class="divider"></li>
<li><a href="#" title="Separated link">Separated link</a></li>
</ul>
</span>
</li>
</ul>