diff --git a/docs/components.html b/docs/components.html index 990f31ae6e..873bff63d9 100644 --- a/docs/components.html +++ b/docs/components.html @@ -90,7 +90,7 @@
Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the JavaScript docs for that.
Heads up! Buttons with dropdowns must be individually wrapped in their own .btn-group
within a .btn-toolbar
for proper rendering.
Buttons with dropdowns must be individually wrapped in their own .btn-group
within a .btn-toolbar
for proper rendering.
Labels | -Markup | -
---|---|
- Default - | -
- <span class="label">Default</span>
- |
-
- Success - | -
- <span class="label label-success">Success</span>
- |
-
- Warning - | -
- <span class="label label-warning">Warning</span>
- |
-
- Danger - | -
- <span class="label label-danger">Danger</span>
- |
-
- Info - | -
- <span class="label label-info">Info</span>
- |
-
- Inverse - | -
- <span class="label label-inverse">Inverse</span>
- |
-
For easy implementation, labels and badges will simply collapse (via CSS's :empty
selector) when no content exists within.
For easy implementation, badges will simply collapse (via CSS's :empty
selector) when no content exists within.
<em>rendered as italicized text</em>-
Heads up! Feel free to use <b>
and <i>
in HTML5. <b>
is meant to highlight words or phrases without conveying additional importance while <i>
is mostly for voice, technical terms, etc.
Feel free to use <b>
and <i>
in HTML5. <b>
is meant to highlight words or phrases without conveying additional importance while <i>
is mostly for voice, technical terms, etc.
Convey meaning through color with a handful of emphasis utility classes.
@@ -567,8 +567,8 @@ <dd>...</dd> </dl> +
- Heads up!
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow
. In narrower viewports, they will change to the default stacked layout.
Heads up! Be sure to keep code within <pre>
tags as close to the left as possible; it will render all tabs.
You may optionally add the .pre-scrollable
class which will set a max-height of 350px and provide a y-axis scrollbar.
- Heads up!
We use .disabled
as a utility class here, similar to the common .active
class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.
Add classes to an <img>
element to easily style images in any project.
Add classes to an <img>
element to easily style images in any project. Rounded corners are not available in IE8.
Heads up! .img-rounded
and .img-circle
do not work in IE8 due to lack of border-radius
support.
Want to change the icon color? Just change the color
of the parent element.
- Heads up! - When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing. -
+When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.
Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the JavaScript docs for that.
Heads up! Buttons with dropdowns must be individually wrapped in their own .btn-group
within a .btn-toolbar
for proper rendering.
Buttons with dropdowns must be individually wrapped in their own .btn-group
within a .btn-toolbar
for proper rendering.
Labels | -Markup | -
---|---|
- Default - | -
- <span class="label">Default</span>
- |
-
- Success - | -
- <span class="label label-success">Success</span>
- |
-
- Warning - | -
- <span class="label label-warning">Warning</span>
- |
-
- Danger - | -
- <span class="label label-danger">Danger</span>
- |
-
- Info - | -
- <span class="label label-info">Info</span>
- |
-
- Inverse - | -
- <span class="label label-inverse">Inverse</span>
- |
-
For easy implementation, labels and badges will simply collapse (via CSS's :empty
selector) when no content exists within.
For easy implementation, badges will simply collapse (via CSS's :empty
selector) when no content exists within.
<em>rendered as italicized text</em>-
Heads up! Feel free to use <b>
and <i>
in HTML5. <b>
is meant to highlight words or phrases without conveying additional importance while <i>
is mostly for voice, technical terms, etc.
Feel free to use <b>
and <i>
in HTML5. <b>
is meant to highlight words or phrases without conveying additional importance while <i>
is mostly for voice, technical terms, etc.
Convey meaning through color with a handful of emphasis utility classes.
@@ -507,8 +507,8 @@ <dd>...</dd> </dl> +
- Heads up!
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow
. In narrower viewports, they will change to the default stacked layout.
Heads up! Be sure to keep code within <pre>
tags as close to the left as possible; it will render all tabs.
You may optionally add the .pre-scrollable
class which will set a max-height of 350px and provide a y-axis scrollbar.
- Heads up!
We use .disabled
as a utility class here, similar to the common .active
class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.
Add classes to an <img>
element to easily style images in any project.
Add classes to an <img>
element to easily style images in any project. Rounded corners are not available in IE8.
Heads up! .img-rounded
and .img-circle
do not work in IE8 due to lack of border-radius
support.
Want to change the icon color? Just change the color
of the parent element.
- Heads up! - When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing. -
+When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.