From 4ed5fa77ffecde9ce46c10d4d03c48e6e481ceba Mon Sep 17 00:00:00 2001 From: Ameya Pandilwar Date: Thu, 11 Feb 2016 03:54:30 -0500 Subject: Rename .label class to .tag --- docs/components/label.md | 46 ---------------------------------------------- docs/components/tag.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++ docs/migration.md | 2 +- 3 files changed, 47 insertions(+), 47 deletions(-) delete mode 100644 docs/components/label.md create mode 100644 docs/components/tag.md (limited to 'docs') 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 %} -

Example heading New

-

Example heading New

-

Example heading New

-

Example heading New

-
Example heading New
-
Example heading New
-{% endexample %} - -## Contextual variations - -Add any of the below mentioned modifier classes to change the appearance of a label. - -{% example html %} -Default -Primary -Success -Info -Warning -Danger -{% 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 %} -Default -Primary -Success -Info -Warning -Danger -{% 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 %} +

Example heading New

+

Example heading New

+

Example heading New

+

Example heading New

+
Example heading New
+
Example heading New
+{% endexample %} + +## Contextual variations + +Add any of the below mentioned modifier classes to change the appearance of a tag. + +{% example html %} +Default +Primary +Success +Info +Warning +Danger +{% 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 %} +Default +Primary +Success +Info +Warning +Danger +{% 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 -- cgit v1.2.3