<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>
<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>
<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>
<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>
<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>
<ol class="breadcrumb"> <li> <a href="#"> <i class="mdi mdi-home-modern" aria-hidden="true"</i> <span>Home</span> </a> </li> ... </ol>
<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>