DeanPoulin’s gists

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 / 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-dropdown-sizing.html

Created January 14, 2014 01:50

Button Dropdown Sizing

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 / basic-input-groups.html

Created January 14, 2014 03:56

Basic Input Groups

	<div class="input-group">
	<span class="input-group-addon">@</span>
	<input type="text" class="form-control" placeholder="Username">
	</div>

	<div class="input-group">
	<input type="text" class="form-control">
	<span class="input-group-addon">.00</span>
	</div>

DeanPoulin / input-group-sizing.html

Created January 14, 2014 03:57

Input Group Sizing

	<div class="input-group input-group-lg">
	<span class="input-group-addon">@</span>
	<input type="text" class="form-control" placeholder="Username">
	</div>

	<div class="input-group">
	<span class="input-group-addon">@</span>
	<input type="text" class="form-control" placeholder="Username">
	</div>

DeanPoulin / input-addons.html

Last active January 3, 2016 04:59

Checkbox & Radio Addons

	<div class="row">
	<div class="col-lg-6">
	<div class="input-group">
	<span class="input-group-addon">
	<input type="checkbox">
	</span>
	<input type="text" class="form-control">
	</div><!-- /input-group -->
	</div><!-- /.col-lg-6 -->
	<div class="col-lg-6">

DeanPoulin / button-addons.html

Created January 14, 2014 04:02

Button Addons

	<div class="row">
	<div class="col-lg-6">
	<div class="input-group">
	<span class="input-group-btn">
	<button class="btn btn-default" type="button">Go!</button>
	</span>
	<input type="text" class="form-control">
	</div><!-- /input-group -->
	</div><!-- /.col-lg-6 -->
	<div class="col-lg-6">

DeanPoulin / buttons-with-dropdowns.html

Created January 14, 2014 04:05

Buttons with Dropdowns

	<div class="row">
	<div class="col-lg-6">
	<div class="input-group">
	<div class="input-group-btn">
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	Action <span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
	<li><a href="#">Action</a></li>
	<li><a href="#">Another action</a></li>

DeanPoulin / segmented-buttons.html

Last active January 3, 2016 04:59

Segmented Buttons

	<div class="row">
	<div class="col-lg-6">
	<div class="input-group">
	<div class="input-group-btn">
	<button type="button" class="btn btn-default" tabindex="-1">Action</button>
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
	<span class="caret"></span>
	<span class="sr-only">Toggle Dropdown</span>
	</button>
	<ul class="dropdown-menu" role="menu">

	<!-- 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>

Dean Poulin DeanPoulin