diff options
| author | Ameya Pandilwar <[email protected]> | 2016-02-11 03:54:30 -0500 |
|---|---|---|
| committer | Ameya Pandilwar <[email protected]> | 2016-02-11 03:54:30 -0500 |
| commit | 4ed5fa77ffecde9ce46c10d4d03c48e6e481ceba (patch) | |
| tree | 1b1790a655cd02125b9d39f16d697a45dc1aac8f /docs | |
| parent | 48e02ebb8a8874fc0d47f4243f3b29f1b689cbf7 (diff) | |
| download | bootstrap-4ed5fa77ffecde9ce46c10d4d03c48e6e481ceba.tar.xz bootstrap-4ed5fa77ffecde9ce46c10d4d03c48e6e481ceba.zip | |
Rename .label class to .tag
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components/label.md | 46 | ||||
| -rw-r--r-- | docs/components/tag.md | 46 | ||||
| -rw-r--r-- | docs/migration.md | 2 |
3 files changed, 47 insertions, 47 deletions
diff --git a/docs/components/label.md b/docs/components/label.md deleted file mode 100644 index e1495201c..000000000 --- a/docs/components/label.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -layout: docs -title: Labels -group: components ---- - -Small and adaptive tag for adding context to just about any content. - -## Example - -Labels scale to match the size of the immediate parent element by using relative font sizing and `em` units. - -{% example html %} -<h1>Example heading <span class="label label-default">New</span></h1> -<h2>Example heading <span class="label label-default">New</span></h2> -<h3>Example heading <span class="label label-default">New</span></h3> -<h4>Example heading <span class="label label-default">New</span></h4> -<h5>Example heading <span class="label label-default">New</span></h5> -<h6>Example heading <span class="label label-default">New</span></h6> -{% endexample %} - -## Contextual variations - -Add any of the below mentioned modifier classes to change the appearance of a label. - -{% example html %} -<span class="label label-default">Default</span> -<span class="label label-primary">Primary</span> -<span class="label label-success">Success</span> -<span class="label label-info">Info</span> -<span class="label label-warning">Warning</span> -<span class="label label-danger">Danger</span> -{% endexample %} - -## Pill labels - -Use the `.label-pill` modifier class to make labels more rounded (with a larger `border-radius` and additional horizontal `padding`). Useful if you miss the badges from v3. - -{% example html %} -<span class="label label-pill label-default">Default</span> -<span class="label label-pill label-primary">Primary</span> -<span class="label label-pill label-success">Success</span> -<span class="label label-pill label-info">Info</span> -<span class="label label-pill label-warning">Warning</span> -<span class="label label-pill label-danger">Danger</span> -{% endexample %} diff --git a/docs/components/tag.md b/docs/components/tag.md new file mode 100644 index 000000000..185ea378d --- /dev/null +++ b/docs/components/tag.md @@ -0,0 +1,46 @@ +--- +layout: docs +title: Tags +group: components +--- + +Small and adaptive tag for adding context to just about any content. + +## Example + +Tags scale to match the size of the immediate parent element by using relative font sizing and `em` units. + +{% example html %} +<h1>Example heading <span class="tag tag-default">New</span></h1> +<h2>Example heading <span class="tag tag-default">New</span></h2> +<h3>Example heading <span class="tag tag-default">New</span></h3> +<h4>Example heading <span class="tag tag-default">New</span></h4> +<h5>Example heading <span class="tag tag-default">New</span></h5> +<h6>Example heading <span class="tag tag-default">New</span></h6> +{% endexample %} + +## Contextual variations + +Add any of the below mentioned modifier classes to change the appearance of a tag. + +{% example html %} +<span class="tag tag-default">Default</span> +<span class="tag tag-primary">Primary</span> +<span class="tag tag-success">Success</span> +<span class="tag tag-info">Info</span> +<span class="tag tag-warning">Warning</span> +<span class="tag tag-danger">Danger</span> +{% endexample %} + +## Pill tags + +Use the `.tag-pill` modifier class to make tags more rounded (with a larger `border-radius` and additional horizontal `padding`). Useful if you miss the badges from v3. + +{% example html %} +<span class="tag tag-pill tag-default">Default</span> +<span class="tag tag-pill tag-primary">Primary</span> +<span class="tag tag-pill tag-success">Success</span> +<span class="tag tag-pill tag-info">Info</span> +<span class="tag tag-pill tag-warning">Warning</span> +<span class="tag tag-pill tag-danger">Danger</span> +{% endexample %} diff --git a/docs/migration.md b/docs/migration.md index 814e1d9be..c11a871df 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -128,7 +128,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with ### Badges -- Dropped the badge component. Use the `.label-pill` modifier together with the label component instead. +- Dropped the badge component. Use the `.tag-pill` modifier together with the tag component instead. ### Panels, thumbnails, and wells |
