xxxxxxxxxx
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button type="button"
class="btn btn-default"
aria-label="Left Align">
<i class="mdi mdi-format-align-left"
aria-hidden="true"></i>
</button>
</div>
</div>
xxxxxxxxxx
<ul class="nav nav-tabs">
<li role="presentation" class="active">
<a href="#">
<i class="mdi mdi-home-modern" aria-hidden="true"></i>
Home
<span class="sr-only"> (current)</span>
</a>
</li>
</ul>
xxxxxxxxxx
<div class="input-group">
<input type="text" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button class="btn btn-default" type="button" aria-label="Search">
<i class="mdi mdi-magnify" aria-hidden="true"></i>
</button>
</span>
</div>
xxxxxxxxxx
<button type="button" class="btn btn-default" aria-label="Profile">
<i class="mdi mdi-account" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-default" aria-label="Flask">
<i class="mdi mdi-flask" aria-hidden="true"></i>
btn
</button>
xxxxxxxxxx
<ol class="breadcrumb">
<li>
<a href="#">
<i class="mdi mdi-home-modern" aria-hidden="true"</i>
<span>Home</span>
</a>
</li>
</ol>
xxxxxxxxxx
<div class="alert alert-danger" role="alert">
<span class="mdi mdi-alert-circle" aria-hidden="true"></span>
<span class="sr-only">Error:</span>
Enter a valid email address
</div>
xxxxxxxxxx
<div class="input-group">
<span class="input-group-addon">
<i class="mdi mdi-tag" aria-hidden="true"></i>
</span>
<input type="text" class="form-control" aria-label="Tag">
</div>