Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap
Commits
9c4a70c5
Commit
9c4a70c5
authored
Jan 25, 2012
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
swap fieldsets for divs
parent
1c667798
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
88 additions
and
88 deletions
+88
-88
docs/base-css.html
docs/base-css.html
+44
-44
docs/templates/pages/base-css.mustache
docs/templates/pages/base-css.mustache
+44
-44
No files found.
docs/base-css.html
View file @
9c4a70c5
...
@@ -940,14 +940,14 @@
...
@@ -940,14 +940,14 @@
<div
class=
"span8"
>
<div
class=
"span8"
>
<form
class=
"form-horizontal"
>
<form
class=
"form-horizontal"
>
<legend>
Controls Bootstrap supports
</legend>
<legend>
Controls Bootstrap supports
</legend>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"input01"
>
Text input
</label>
<label
class=
"control-label"
for=
"input01"
>
Text input
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
class=
"xlarge"
name=
"input01"
>
<input
type=
"text"
class=
"xlarge"
name=
"input01"
>
<p
class=
"help-block"
>
In addition to freeform text, any HTML5 text-based input appears like so.
</p>
<p
class=
"help-block"
>
In addition to freeform text, any HTML5 text-based input appears like so.
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
Checkbox
</label>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
Checkbox
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox"
>
<label
class=
"checkbox"
>
...
@@ -955,8 +955,8 @@
...
@@ -955,8 +955,8 @@
Option one is this and that
—
be sure to include why it’s great
Option one is this and that
—
be sure to include why it’s great
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"select01"
>
Select list
</label>
<label
class=
"control-label"
for=
"select01"
>
Select list
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<select
name=
"select01"
>
<select
name=
"select01"
>
...
@@ -967,8 +967,8 @@
...
@@ -967,8 +967,8 @@
<option>
5
</option>
<option>
5
</option>
</select>
</select>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"multiSelect"
>
Multi-select
</label>
<label
class=
"control-label"
for=
"multiSelect"
>
Multi-select
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<select
multiple=
"multiple"
name=
"multiSelect"
>
<select
multiple=
"multiple"
name=
"multiSelect"
>
...
@@ -979,23 +979,23 @@
...
@@ -979,23 +979,23 @@
<option>
5
</option>
<option>
5
</option>
</select>
</select>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"fileInput"
>
File input
</label>
<label
class=
"control-label"
for=
"fileInput"
>
File input
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
class=
"input-file"
id=
"fileInput"
name=
"fileInput"
type=
"file"
>
<input
class=
"input-file"
id=
"fileInput"
name=
"fileInput"
type=
"file"
>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"textarea"
>
Textarea
</label>
<label
class=
"control-label"
for=
"textarea"
>
Textarea
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<textarea
class=
"input-xlarge"
name=
"textarea"
id=
"textarea"
rows=
"3"
></textarea>
<textarea
class=
"input-xlarge"
name=
"textarea"
id=
"textarea"
rows=
"3"
></textarea>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"form-actions"
>
<
div
class=
"form-actions"
>
<button
type=
"submit"
class=
"btn primary"
>
Save changes
</button>
<button
type=
"submit"
class=
"btn primary"
>
Save changes
</button>
<button
type=
"reset"
class=
"btn"
>
Cancel
</button>
<button
type=
"reset"
class=
"btn"
>
Cancel
</button>
</
fieldset
>
</
div
>
</form>
</form>
</div>
</div>
<div
class=
"span4"
>
<div
class=
"span4"
>
...
@@ -1024,19 +1024,19 @@
...
@@ -1024,19 +1024,19 @@
<div
class=
"span8"
>
<div
class=
"span8"
>
<form
class=
"form-horizontal"
>
<form
class=
"form-horizontal"
>
<legend>
Form control states
</legend>
<legend>
Form control states
</legend>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"focusedInput"
>
Focused input
</label>
<label
class=
"control-label"
for=
"focusedInput"
>
Focused input
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
class=
"input-xlarge focused"
id=
"focusedInput"
name=
"focusedInput"
type=
"text"
value=
"This is focused…"
>
<input
class=
"input-xlarge focused"
id=
"focusedInput"
name=
"focusedInput"
type=
"text"
value=
"This is focused…"
>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"disabledInput"
>
Disabled input
</label>
<label
class=
"control-label"
for=
"disabledInput"
>
Disabled input
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
class=
"input-xlarge disabled"
id=
"disabledInput"
name=
"disabledInput"
type=
"text"
placeholder=
"Disabled input here…"
disabled
>
<input
class=
"input-xlarge disabled"
id=
"disabledInput"
name=
"disabledInput"
type=
"text"
placeholder=
"Disabled input here…"
disabled
>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
Disabled checkbox
</label>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
Disabled checkbox
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox"
>
<label
class=
"checkbox"
>
...
@@ -1044,29 +1044,29 @@
...
@@ -1044,29 +1044,29 @@
This is a disabled checkbox
This is a disabled checkbox
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group warning"
>
<
div
class=
"control-group warning"
>
<label
class=
"control-label"
for=
"inputError"
>
Input with warning
</label>
<label
class=
"control-label"
for=
"inputError"
>
Input with warning
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
name=
"inputError"
>
<input
type=
"text"
name=
"inputError"
>
<span
class=
"help-inline"
>
Something may have gone wrong
</span>
<span
class=
"help-inline"
>
Something may have gone wrong
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group error"
>
<
div
class=
"control-group error"
>
<label
class=
"control-label"
for=
"inputError"
>
Input with error
</label>
<label
class=
"control-label"
for=
"inputError"
>
Input with error
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
name=
"inputError"
>
<input
type=
"text"
name=
"inputError"
>
<span
class=
"help-inline"
>
Please correct the error
</span>
<span
class=
"help-inline"
>
Please correct the error
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group success"
>
<
div
class=
"control-group success"
>
<label
class=
"control-label"
for=
"inputError"
>
Input with success
</label>
<label
class=
"control-label"
for=
"inputError"
>
Input with success
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
name=
"inputError"
>
<input
type=
"text"
name=
"inputError"
>
<span
class=
"help-inline"
>
Woohoo!
</span>
<span
class=
"help-inline"
>
Woohoo!
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group success"
>
<
div
class=
"control-group success"
>
<label
class=
"control-label"
for=
"selectError"
>
Select with success
</label>
<label
class=
"control-label"
for=
"selectError"
>
Select with success
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<select
name=
"selectError"
>
<select
name=
"selectError"
>
...
@@ -1078,11 +1078,11 @@
...
@@ -1078,11 +1078,11 @@
</select>
</select>
<span
class=
"help-inline"
>
Woohoo!
</span>
<span
class=
"help-inline"
>
Woohoo!
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"form-actions"
>
<
div
class=
"form-actions"
>
<button
type=
"submit"
class=
"btn primary"
>
Save changes
</button>
<button
type=
"submit"
class=
"btn primary"
>
Save changes
</button>
<button
type=
"reset"
class=
"btn"
>
Cancel
</button>
<button
type=
"reset"
class=
"btn"
>
Cancel
</button>
</
fieldset
>
</
div
>
</form>
</form>
</div>
</div>
<div
class=
"span4"
>
<div
class=
"span4"
>
...
@@ -1108,7 +1108,7 @@
...
@@ -1108,7 +1108,7 @@
<div
class=
"span8"
>
<div
class=
"span8"
>
<form
class=
"form-horizontal"
>
<form
class=
"form-horizontal"
>
<legend>
Extending form controls
</legend>
<legend>
Extending form controls
</legend>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
>
Form sizes
</label>
<label
class=
"control-label"
>
Form sizes
</label>
<div
class=
"controls docs-input-sizes"
>
<div
class=
"controls docs-input-sizes"
>
<input
class=
"span2"
type=
"text"
name=
""
placeholder=
".span2"
>
<input
class=
"span2"
type=
"text"
name=
""
placeholder=
".span2"
>
...
@@ -1116,8 +1116,8 @@
...
@@ -1116,8 +1116,8 @@
<input
class=
"span4"
type=
"text"
name=
""
placeholder=
".span4"
>
<input
class=
"span4"
type=
"text"
name=
""
placeholder=
".span4"
>
<p
class=
"help-block"
>
Use the same
<code>
.span*
</code>
classes from the grid system for input sizes.
</p>
<p
class=
"help-block"
>
Use the same
<code>
.span*
</code>
classes from the grid system for input sizes.
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"prependedInput"
>
Prepended text
</label>
<label
class=
"control-label"
for=
"prependedInput"
>
Prepended text
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<div
class=
"input-prepend"
>
<div
class=
"input-prepend"
>
...
@@ -1126,8 +1126,8 @@
...
@@ -1126,8 +1126,8 @@
</div>
</div>
<p
class=
"help-block"
>
Here's some help text
</p>
<p
class=
"help-block"
>
Here's some help text
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"appendedInput"
>
Appended text
</label>
<label
class=
"control-label"
for=
"appendedInput"
>
Appended text
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<div
class=
"input-append"
>
<div
class=
"input-append"
>
...
@@ -1136,8 +1136,8 @@
...
@@ -1136,8 +1136,8 @@
</div>
</div>
<p
class=
"help-block"
>
Here's more help text
</p>
<p
class=
"help-block"
>
Here's more help text
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"inlineCheckboxes"
>
Inline checkboxes
</label>
<label
class=
"control-label"
for=
"inlineCheckboxes"
>
Inline checkboxes
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox inline"
>
<label
class=
"checkbox inline"
>
...
@@ -1150,8 +1150,8 @@
...
@@ -1150,8 +1150,8 @@
<input
type=
"checkbox"
name=
"inlineCheckbox1"
value=
"option1"
>
3
<input
type=
"checkbox"
name=
"inlineCheckbox1"
value=
"option1"
>
3
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsCheckboxes"
>
Checkboxes
</label>
<label
class=
"control-label"
for=
"optionsCheckboxes"
>
Checkboxes
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox"
>
<label
class=
"checkbox"
>
...
@@ -1168,8 +1168,8 @@
...
@@ -1168,8 +1168,8 @@
</label>
</label>
<p
class=
"help-text"
><strong>
Note:
</strong>
Labels surround all the options for much larger click areas and a more usable form.
</p>
<p
class=
"help-text"
><strong>
Note:
</strong>
Labels surround all the options for much larger click areas and a more usable form.
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsRadios"
>
Radio buttons
</label>
<label
class=
"control-label"
for=
"optionsRadios"
>
Radio buttons
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"radio"
>
<label
class=
"radio"
>
...
@@ -1181,11 +1181,11 @@
...
@@ -1181,11 +1181,11 @@
Option two can is something else and selecting it will deselect option one
Option two can is something else and selecting it will deselect option one
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"form-actions"
>
<
div
class=
"form-actions"
>
<button
type=
"submit"
class=
"btn primary"
>
Save changes
</button>
<button
type=
"submit"
class=
"btn primary"
>
Save changes
</button>
<button
type=
"reset"
class=
"btn"
>
Cancel
</button>
<button
type=
"reset"
class=
"btn"
>
Cancel
</button>
</
fieldset
>
</
div
>
</form>
</form>
</div>
</div>
<div
class=
"span4"
>
<div
class=
"span4"
>
...
...
docs/templates/pages/base-css.mustache
View file @
9c4a70c5
...
@@ -876,14 +876,14 @@
...
@@ -876,14 +876,14 @@
<div
class=
"span8"
>
<div
class=
"span8"
>
<form
class=
"form-horizontal"
>
<form
class=
"form-horizontal"
>
<legend>
{{
_i
}}
Controls Bootstrap supports
{{/
i
}}
</legend>
<legend>
{{
_i
}}
Controls Bootstrap supports
{{/
i
}}
</legend>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"input01"
>
{{
_i
}}
Text input
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"input01"
>
{{
_i
}}
Text input
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
class=
"xlarge"
name=
"input01"
>
<input
type=
"text"
class=
"xlarge"
name=
"input01"
>
<p
class=
"help-block"
>
{{
_i
}}
In addition to freeform text, any HTML5 text-based input appears like so.
{{/
i
}}
</p>
<p
class=
"help-block"
>
{{
_i
}}
In addition to freeform text, any HTML5 text-based input appears like so.
{{/
i
}}
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
{{
_i
}}
Checkbox
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
{{
_i
}}
Checkbox
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox"
>
<label
class=
"checkbox"
>
...
@@ -891,8 +891,8 @@
...
@@ -891,8 +891,8 @@
{{
_i
}}
Option one is this and that
—
be sure to include why it’s great
{{/
i
}}
{{
_i
}}
Option one is this and that
—
be sure to include why it’s great
{{/
i
}}
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"select01"
>
{{
_i
}}
Select list
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"select01"
>
{{
_i
}}
Select list
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<select
name=
"select01"
>
<select
name=
"select01"
>
...
@@ -903,8 +903,8 @@
...
@@ -903,8 +903,8 @@
<option>
5
</option>
<option>
5
</option>
</select>
</select>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"multiSelect"
>
{{
_i
}}
Multi-select
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"multiSelect"
>
{{
_i
}}
Multi-select
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<select
multiple=
"multiple"
name=
"multiSelect"
>
<select
multiple=
"multiple"
name=
"multiSelect"
>
...
@@ -915,23 +915,23 @@
...
@@ -915,23 +915,23 @@
<option>
5
</option>
<option>
5
</option>
</select>
</select>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"fileInput"
>
{{
_i
}}
File input
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"fileInput"
>
{{
_i
}}
File input
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
class=
"input-file"
id=
"fileInput"
name=
"fileInput"
type=
"file"
>
<input
class=
"input-file"
id=
"fileInput"
name=
"fileInput"
type=
"file"
>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"textarea"
>
{{
_i
}}
Textarea
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"textarea"
>
{{
_i
}}
Textarea
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<textarea
class=
"input-xlarge"
name=
"textarea"
id=
"textarea"
rows=
"3"
></textarea>
<textarea
class=
"input-xlarge"
name=
"textarea"
id=
"textarea"
rows=
"3"
></textarea>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"form-actions"
>
<
div
class=
"form-actions"
>
<button
type=
"submit"
class=
"btn primary"
>
{{
_i
}}
Save changes
{{/
i
}}
</button>
<button
type=
"submit"
class=
"btn primary"
>
{{
_i
}}
Save changes
{{/
i
}}
</button>
<button
type=
"reset"
class=
"btn"
>
{{
_i
}}
Cancel
{{/
i
}}
</button>
<button
type=
"reset"
class=
"btn"
>
{{
_i
}}
Cancel
{{/
i
}}
</button>
</
fieldset
>
</
div
>
</form>
</form>
</div>
</div>
<div
class=
"span4"
>
<div
class=
"span4"
>
...
@@ -960,19 +960,19 @@
...
@@ -960,19 +960,19 @@
<div
class=
"span8"
>
<div
class=
"span8"
>
<form
class=
"form-horizontal"
>
<form
class=
"form-horizontal"
>
<legend>
{{
_i
}}
Form control states
{{/
i
}}
</legend>
<legend>
{{
_i
}}
Form control states
{{/
i
}}
</legend>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"focusedInput"
>
{{
_i
}}
Focused input
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"focusedInput"
>
{{
_i
}}
Focused input
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
class=
"input-xlarge focused"
id=
"focusedInput"
name=
"focusedInput"
type=
"text"
value=
"
{{
_i
}}
This is focused…
{{/
i
}}
"
>
<input
class=
"input-xlarge focused"
id=
"focusedInput"
name=
"focusedInput"
type=
"text"
value=
"
{{
_i
}}
This is focused…
{{/
i
}}
"
>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"disabledInput"
>
{{
_i
}}
Disabled input
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"disabledInput"
>
{{
_i
}}
Disabled input
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
class=
"input-xlarge disabled"
id=
"disabledInput"
name=
"disabledInput"
type=
"text"
placeholder=
"
{{
_i
}}
Disabled input here…
{{/
i
}}
"
disabled
>
<input
class=
"input-xlarge disabled"
id=
"disabledInput"
name=
"disabledInput"
type=
"text"
placeholder=
"
{{
_i
}}
Disabled input here…
{{/
i
}}
"
disabled
>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
{{
_i
}}
Disabled checkbox
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"optionsCheckbox"
>
{{
_i
}}
Disabled checkbox
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox"
>
<label
class=
"checkbox"
>
...
@@ -980,29 +980,29 @@
...
@@ -980,29 +980,29 @@
{{
_i
}}
This is a disabled checkbox
{{/
i
}}
{{
_i
}}
This is a disabled checkbox
{{/
i
}}
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group warning"
>
<
div
class=
"control-group warning"
>
<label
class=
"control-label"
for=
"inputError"
>
{{
_i
}}
Input with warning
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"inputError"
>
{{
_i
}}
Input with warning
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
name=
"inputError"
>
<input
type=
"text"
name=
"inputError"
>
<span
class=
"help-inline"
>
{{
_i
}}
Something may have gone wrong
{{/
i
}}
</span>
<span
class=
"help-inline"
>
{{
_i
}}
Something may have gone wrong
{{/
i
}}
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group error"
>
<
div
class=
"control-group error"
>
<label
class=
"control-label"
for=
"inputError"
>
{{
_i
}}
Input with error
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"inputError"
>
{{
_i
}}
Input with error
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
name=
"inputError"
>
<input
type=
"text"
name=
"inputError"
>
<span
class=
"help-inline"
>
{{
_i
}}
Please correct the error
{{/
i
}}
</span>
<span
class=
"help-inline"
>
{{
_i
}}
Please correct the error
{{/
i
}}
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group success"
>
<
div
class=
"control-group success"
>
<label
class=
"control-label"
for=
"inputError"
>
{{
_i
}}
Input with success
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"inputError"
>
{{
_i
}}
Input with success
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<input
type=
"text"
name=
"inputError"
>
<input
type=
"text"
name=
"inputError"
>
<span
class=
"help-inline"
>
{{
_i
}}
Woohoo!
{{/
i
}}
</span>
<span
class=
"help-inline"
>
{{
_i
}}
Woohoo!
{{/
i
}}
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group success"
>
<
div
class=
"control-group success"
>
<label
class=
"control-label"
for=
"selectError"
>
{{
_i
}}
Select with success
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"selectError"
>
{{
_i
}}
Select with success
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<select
name=
"selectError"
>
<select
name=
"selectError"
>
...
@@ -1014,11 +1014,11 @@
...
@@ -1014,11 +1014,11 @@
</select>
</select>
<span
class=
"help-inline"
>
{{
_i
}}
Woohoo!
{{/
i
}}
</span>
<span
class=
"help-inline"
>
{{
_i
}}
Woohoo!
{{/
i
}}
</span>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"form-actions"
>
<
div
class=
"form-actions"
>
<button
type=
"submit"
class=
"btn primary"
>
{{
_i
}}
Save changes
{{/
i
}}
</button>
<button
type=
"submit"
class=
"btn primary"
>
{{
_i
}}
Save changes
{{/
i
}}
</button>
<button
type=
"reset"
class=
"btn"
>
{{
_i
}}
Cancel
{{/
i
}}
</button>
<button
type=
"reset"
class=
"btn"
>
{{
_i
}}
Cancel
{{/
i
}}
</button>
</
fieldset
>
</
div
>
</form>
</form>
</div>
</div>
<div
class=
"span4"
>
<div
class=
"span4"
>
...
@@ -1044,7 +1044,7 @@
...
@@ -1044,7 +1044,7 @@
<div
class=
"span8"
>
<div
class=
"span8"
>
<form
class=
"form-horizontal"
>
<form
class=
"form-horizontal"
>
<legend>
{{
_i
}}
Extending form controls
{{/
i
}}
</legend>
<legend>
{{
_i
}}
Extending form controls
{{/
i
}}
</legend>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
>
{{
_i
}}
Form sizes
{{/
i
}}
</label>
<label
class=
"control-label"
>
{{
_i
}}
Form sizes
{{/
i
}}
</label>
<div
class=
"controls docs-input-sizes"
>
<div
class=
"controls docs-input-sizes"
>
<input
class=
"span2"
type=
"text"
name=
""
placeholder=
".span2"
>
<input
class=
"span2"
type=
"text"
name=
""
placeholder=
".span2"
>
...
@@ -1052,8 +1052,8 @@
...
@@ -1052,8 +1052,8 @@
<input
class=
"span4"
type=
"text"
name=
""
placeholder=
".span4"
>
<input
class=
"span4"
type=
"text"
name=
""
placeholder=
".span4"
>
<p
class=
"help-block"
>
{{
_i
}}
Use the same
<code>
.span*
</code>
classes from the grid system for input sizes.
{{/
i
}}
</p>
<p
class=
"help-block"
>
{{
_i
}}
Use the same
<code>
.span*
</code>
classes from the grid system for input sizes.
{{/
i
}}
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"prependedInput"
>
{{
_i
}}
Prepended text
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"prependedInput"
>
{{
_i
}}
Prepended text
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<div
class=
"input-prepend"
>
<div
class=
"input-prepend"
>
...
@@ -1062,8 +1062,8 @@
...
@@ -1062,8 +1062,8 @@
</div>
</div>
<p
class=
"help-block"
>
{{
_i
}}
Here's some help text
{{/
i
}}
</p>
<p
class=
"help-block"
>
{{
_i
}}
Here's some help text
{{/
i
}}
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"appendedInput"
>
{{
_i
}}
Appended text
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"appendedInput"
>
{{
_i
}}
Appended text
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<div
class=
"input-append"
>
<div
class=
"input-append"
>
...
@@ -1072,8 +1072,8 @@
...
@@ -1072,8 +1072,8 @@
</div>
</div>
<p
class=
"help-block"
>
{{
_i
}}
Here's more help text
{{/
i
}}
</p>
<p
class=
"help-block"
>
{{
_i
}}
Here's more help text
{{/
i
}}
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"inlineCheckboxes"
>
{{
_i
}}
Inline checkboxes
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"inlineCheckboxes"
>
{{
_i
}}
Inline checkboxes
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox inline"
>
<label
class=
"checkbox inline"
>
...
@@ -1086,8 +1086,8 @@
...
@@ -1086,8 +1086,8 @@
<input
type=
"checkbox"
name=
"inlineCheckbox1"
value=
"option1"
>
3
<input
type=
"checkbox"
name=
"inlineCheckbox1"
value=
"option1"
>
3
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsCheckboxes"
>
{{
_i
}}
Checkboxes
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"optionsCheckboxes"
>
{{
_i
}}
Checkboxes
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"checkbox"
>
<label
class=
"checkbox"
>
...
@@ -1104,8 +1104,8 @@
...
@@ -1104,8 +1104,8 @@
</label>
</label>
<p
class=
"help-text"
>
{{
_i
}}
<strong>
Note:
</strong>
Labels surround all the options for much larger click areas and a more usable form.
{{/
i
}}
</p>
<p
class=
"help-text"
>
{{
_i
}}
<strong>
Note:
</strong>
Labels surround all the options for much larger click areas and a more usable form.
{{/
i
}}
</p>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"control-group"
>
<
div
class=
"control-group"
>
<label
class=
"control-label"
for=
"optionsRadios"
>
{{
_i
}}
Radio buttons
{{/
i
}}
</label>
<label
class=
"control-label"
for=
"optionsRadios"
>
{{
_i
}}
Radio buttons
{{/
i
}}
</label>
<div
class=
"controls"
>
<div
class=
"controls"
>
<label
class=
"radio"
>
<label
class=
"radio"
>
...
@@ -1117,11 +1117,11 @@
...
@@ -1117,11 +1117,11 @@
{{
_i
}}
Option two can is something else and selecting it will deselect option one
{{/
i
}}
{{
_i
}}
Option two can is something else and selecting it will deselect option one
{{/
i
}}
</label>
</label>
</div>
</div>
</
fieldset
>
</
div
>
<
fieldset
class=
"form-actions"
>
<
div
class=
"form-actions"
>
<button
type=
"submit"
class=
"btn primary"
>
{{
_i
}}
Save changes
{{/
i
}}
</button>
<button
type=
"submit"
class=
"btn primary"
>
{{
_i
}}
Save changes
{{/
i
}}
</button>
<button
type=
"reset"
class=
"btn"
>
{{
_i
}}
Cancel
{{/
i
}}
</button>
<button
type=
"reset"
class=
"btn"
>
{{
_i
}}
Cancel
{{/
i
}}
</button>
</
fieldset
>
</
div
>
</form>
</form>
</div>
</div>
<div
class=
"span4"
>
<div
class=
"span4"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment