Dean Poulin DeanPoulin

DeanPoulin / check-radio.html

Created January 13, 2014 23:52

checkboxes & radio buttons

	<div class="checkbox">
	<label>
	<input type="checkbox" value="">
	Option one is this and that—be sure to include why it's great
	</label>
	</div>

	<div class="radio">
	<label>
	<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>

DeanPoulin / textarea.html

Created January 13, 2014 23:51

textarea

DeanPoulin / type-required.html

Created January 13, 2014 23:50

Input Type Required

DeanPoulin / horizontal-forms.html

Created January 13, 2014 23:48

Horizontal Forms

	<form class="form-horizontal" role="form">
	<div class="form-group">
	<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
	<div class="col-sm-10">
	<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
	</div>
	</div>
	<div class="form-group">
	<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
	<div class="col-sm-10">

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

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

Created January 11, 2014 10:27

Dropdown Disabled Items

DeanPoulin / dropdown-headers.html

Created January 11, 2014 10:26

Dropdown Headers

DeanPoulin / dropdown-alignment.html

Created January 11, 2014 10:26

Dropdown Alignment Options

DeanPoulin / dropdown.html

Created January 11, 2014 10:24

Dropdowns

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

	<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 pull-right" role="menu" aria-labelledby="dLabel">
	...
	</ul>