Dean Poulin DeanPoulin

DeanPoulin / button-dropups.html

Created January 14, 2014 01:51

Button Dropups

	<div class="btn-group dropup">
	<button type="button" class="btn btn-default">Dropup</button>
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	<span class="caret"></span>
	<span class="sr-only">Toggle Dropdown</span>
	</button>
	<ul class="dropdown-menu">
	<!-- Dropdown menu links -->
	</ul>
	</div>

DeanPoulin / button-dropdown-sizing.html

Created January 14, 2014 01:50

Button Dropdown Sizing

DeanPoulin / split-button-dropdowns.html

Created January 14, 2014 01:48

Split Button Dropdowns

	<!-- Split button -->
	<div class="btn-group">
	<button type="button" class="btn btn-danger">Action</button>
	<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
	<span class="caret"></span>
	<span class="sr-only">Toggle Dropdown</span>
	</button>
	<ul class="dropdown-menu" role="menu">
	<li><a href="#">Action</a></li>
	<li><a href="#">Another action</a></li>

DeanPoulin / button-dropdowns.html

Created January 14, 2014 01:47

Button Dropdowns

	<!-- Single button -->
	<div class="btn-group">
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	Action <span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu">
	<li><a href="#">Action</a></li>
	<li><a href="#">Another action</a></li>
	<li><a href="#">Something else here</a></li>
	<li class="divider"></li>

DeanPoulin / justified-button-groups.html

Created January 14, 2014 01:02

Justified Button Groups

	<div class="btn-group btn-group-justified">
	<a class="btn btn-default" role="button">Left</a>
	<a class="btn btn-default" role="button">Middle</a>
	<a class="btn btn-default" role="button">Right</a>
	</div>
	<br>
	<div class="btn-group btn-group-justified">
	<a class="btn btn-default" role="button">Left</a>
	<a class="btn btn-default" role="button">Middle</a>
	<div class="btn-group">

DeanPoulin / vertical-toolbar.html

Created January 14, 2014 00:21

Vertical Toolbar

DeanPoulin / nested-dropdown.html

Created January 14, 2014 00:19

Nested Dropdown

DeanPoulin / toolbar-sizing.html

Created January 14, 2014 00:17

Toolbar Sizing

DeanPoulin / button-toolbar.html

Created January 14, 2014 00:15

Button Toolbar

DeanPoulin / button-groups.html

Created January 14, 2014 00:13

Button Groups

	<div class="btn-group">
	<button type="button" class="btn btn-default">Left</button>
	<button type="button" class="btn btn-default">Middle</button>
	<button type="button" class="btn btn-default">Right</button>
	</div>

	<div class="btn-group-vertical">
	<button type="button" class="btn btn-default">Button</button>
	<button type="button" class="btn btn-default">Button</button>
	<div class="btn-group">
	<button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	Dropdown
	<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
	<li><a href="#">Dropdown link</a></li>

	<div class="btn-toolbar" role="toolbar" style="margin: 0;">
	<div class="btn-group">
	<button type="button" class="btn btn-default">1</button>
	<button type="button" class="btn btn-default">2</button>
	<button type="button" class="btn btn-default">3</button>
	<button type="button" class="btn btn-default">4</button>
	</div>
	<div class="btn-group">
	<button type="button" class="btn btn-default">5</button>
	<button type="button" class="btn btn-default">6</button>

	<!-- Large button group -->
	<div class="btn-group">
	<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
	Large button <span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
	...
	</ul>
	</div>

	<div class="btn-toolbar" role="toolbar">
	<div class="btn-group btn-group-lg">
	<button type="button" class="btn btn-default">Left</button>
	<button type="button" class="btn btn-default">Middle</button>
	<button type="button" class="btn btn-default">Right</button>
	</div>
	</div>
	<div class="btn-toolbar" role="toolbar">
	<div class="btn-group">
	<button type="button" class="btn btn-default">Left</button>