"Small Elements drop down"
Bootstrap 3.1.0 Snippet by bububu

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="row"> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"> <i class="glyphicon glyphicon-cog"></i> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li role="presentation" class="dropdown-header">Action</li> <li><a href="#">Select</a></li> <li><a href="#">Delete</a></li> <li role="presentation" class="dropdown-header">Action</li> <li><a href="#">New Action</a></li> <li><a href="#">Off Action</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"> <i class="glyphicon glyphicon-export"></i> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li role="presentation" class="dropdown-header">Speichern</li> <li><a href="#">Als Excel</a></li> <li><a href="#">Als PDF</a></li> <li><a href="#">Drucken</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"> <i class="glyphicon glyphicon-filter"></i> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li role="presentation" class="dropdown-header">Filter</li> <li><a href="#"><span class="glyphicon glyphicon-sort-by-alphabet"></span></a></li> <li><a href="#"><span class="glyphicon glyphicon-sort-by-alphabet-alt"></span></a></li> <li role="presentation" class="divider"></li> <li role="presentation" class="dropdown-header">Filter2</li> <li><a href="#"><span class="glyphicon glyphicon-sort-by-attributes"></span></a></li> <li><a href="#"><span class="glyphicon glyphicon-sort-by-attributes-alt"></span></a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <input type="checkbox"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Edit</a></li> <li><a href="#" class="danger">Delete</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"> <i class="glyphicon glyphicon-picture"></i> Neu Bild </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">From PC</a></li> <li><a href="#">From URL</a></li> </ul> </div> <div class="btn-group btn-group-justified"> <button type="button" class="btn btn-default nogray btn-sm"><i class="glyphicon glyphicon-calendar"></i></button> <button type="button" class="btn btn-default dropdown-toggle nogray btn-sm" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Aktueller Woche</a></li> <li><a href="#">In Monat</a></li> <li><a href="#">Heute</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"> <i class="glyphicon glyphicon-briefcase"></i> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Umbuchen</a></li> <li><a href="#">Ändern</a></li> <li><a href="#">NoShow</a></li> <li><a href="#">Stornieren</a></li> <li><a href="#">Protokoll</a></li> </ul> </div> </div> </div> </div>

Related: See More


Questions / Comments: