docs notice for #11010

diff --git a/components.html b/components.html
index f603d64738b593ebbb8dbe46a3a92a23887e6f9d..ce2fde5e6a54fee8a7059cfe2cdb92b6c80da3d4 100644 (file)
--- a/components.html
+++ b/components.html
@@ -918,6 +918,11 @@ base_url: "../"
       <h4>Tooltips &amp; popovers in input groups require special setting</h4>
       <p>When using tooltips or popovers on elements within an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
     </div>
+    <div class="bs-callout bs-callout-info">
+      <h4>Don't mix with form groups</h4>
+      <p>Do not apply input group classes directly to form groups. An input group is an isolated component.</p>
+    </div>
+
 
     <h2 id="input-groups-basic">Basic example</h2>
     <form class="bs-example bs-example-form" role="form">