From 281d611d12f7ed455fb7658d4e0ebebf33b3932d Mon Sep 17 00:00:00 2001 From: GoeEmile <43674282+GoeEmile@users.noreply.github.com> Date: Sun, 18 Nov 2018 04:53:37 +0100 Subject: [PATCH] Updated to add things to keep in mind. (#22037) * Updated to add things to keep in mind. Added things to keep in mind so people don't mess up and missuse them and then ask themselves what's wrong ( more like a extra check for people * fixed formatting --- guide/english/bootstrap/icons/index.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/guide/english/bootstrap/icons/index.md b/guide/english/bootstrap/icons/index.md index 96c2b806336..3c419f13a58 100644 --- a/guide/english/bootstrap/icons/index.md +++ b/guide/english/bootstrap/icons/index.md @@ -63,6 +63,16 @@ _Note: Do not include the dot in the HTML Class Attribute, referring to the clas _Note: Bootstrap's Glyphicons icon is not avalable on bootstrap V4_ +### Things to keep in mind + +**Don't mix with other components** + +Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested `` and apply the icon classes to the ``. + +**Only use icons on empty elements** + +Icon classes should only be used on elements that contain no text content and have no child elements. + ### More Information: - [Bootstrap Glyphicons Icons Doc](https://getbootstrap.com/docs/3.3/components/#glyphicons)