Dean Poulin DeanPoulin

DeanPoulin / show-hide.html

Created January 11, 2014 09:50

Showing & Hiding Content

	<div class="show">...</div>
	<div class="hidden">...</div>

	<style type="text/css">
	/* Classes - These are included in bootstrap, just use above classes on elements. */
	.show {
	display: block !important;
	}
	.hidden {
	display: none !important;

DeanPoulin / grid.html

Created January 11, 2014 09:56

Grid System

DeanPoulin / icons.html

Created January 11, 2014 10:05

How to Use Icons

DeanPoulin / icon-examples.html

Created January 11, 2014 10:06

Icon Examples

	<button type="button" class="btn btn-default btn-lg">
	<span class="glyphicon glyphicon-star"></span> Star
	</button>

DeanPoulin / dropdown.html

Created January 11, 2014 10:24

Dropdowns

DeanPoulin / dropdown-alignment.html

Created January 11, 2014 10:26

Dropdown Alignment Options

DeanPoulin / dropdown-headers.html

Created January 11, 2014 10:26

Dropdown Headers

DeanPoulin / dropdown-disabled-items.html

Created January 11, 2014 10:27

Dropdown Disabled Items

DeanPoulin / forms.html

Created January 13, 2014 23:21

Forms

	<form role="form">
	<div class="form-group">
	<label for="exampleInputEmail1">Email address</label>
	<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
	</div>
	<div class="form-group">
	<label for="exampleInputPassword1">Password</label>
	<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
	</div>
	<div class="form-group">

DeanPoulin / inline-forms.html

Created January 13, 2014 23:22

Inline Forms

	<form class="form-inline" role="form">
	<div class="form-group">
	<label class="sr-only" for="exampleInputEmail2">Email address</label>
	<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
	</div>
	<div class="form-group">
	<label class="sr-only" for="exampleInputPassword2">Password</label>
	<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
	</div>
	<div class="checkbox">

	<div class="dropdown">
	<button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
	Dropdown
	<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
	<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
	<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
	<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
	<li role="presentation" class="divider"></li>

	<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
	<li role="presentation" class="dropdown-header">Dropdown header</li>
	...
	<li role="presentation" class="divider"></li>
	<li role="presentation" class="dropdown-header">Dropdown header</li>
	...
	</ul>

	<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
	<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
	<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
	<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
	</ul>

	<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel">
	...
	</ul>