Skip to content

Instantly share code, notes, and snippets.

@DeanPoulin
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
DeanPoulin / type-required.html
Created January 13, 2014 23:50
Input Type Required
<input type="text" class="form-control" placeholder="Text input">
@DeanPoulin
DeanPoulin / textarea.html
Created January 13, 2014 23:51
textarea
<textarea class="form-control" rows="3"></textarea>
@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&mdash;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
DeanPoulin / inline-checkboxes.html
Created January 13, 2014 23:54
Inline Checkboxes
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>
@DeanPoulin
DeanPoulin / selects.html
Created January 13, 2014 23:55
Selects
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<select multiple class="form-control">
<option>1</option>
@DeanPoulin
DeanPoulin / static-control.html
Created January 13, 2014 23:56
Static Control
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<p class="form-control-static">email@example.com</p>
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
@DeanPoulin
DeanPoulin / input-focus.html
Created January 13, 2014 23:58
Input Focus
<input class="form-control" id="focusedInput" type="text" value="This is focused...">
@DeanPoulin
DeanPoulin / disabled-inputs.html
Created January 13, 2014 23:59
Disabled Inputs
<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
@DeanPoulin
DeanPoulin / disabled-fieldsets.html
Created January 14, 2014 00:02
Disabled Fieldsets
<form role="form">
<fieldset disabled>
<div class="form-group">
<label for="disabledTextInput">Disabled input</label>
<input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
</div>
<div class="form-group">
<label for="disabledSelect">Disabled select menu</label>
<select id="disabledSelect" class="form-control">
<option>Disabled select</option>