@@ -821,15 +821,6 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,
...
@@ -821,15 +821,6 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,
</div>
</div>
{% endhighlight %}
{% endhighlight %}
<divclass="bs-callout bs-callout-warning">
<h4>Tooltips & 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>
<divclass="bs-callout bs-callout-warning">
<h4>Don't mix with other components</h4>
<p>Do not mix form groups or grid column classes directly with input groups. Instead, nest the input group inside of the form group or grid-related element.</p>
</div>
<h2id="input-groups-sizing">Sizing</h2>
<h2id="input-groups-sizing">Sizing</h2>
<p>Add the relative form sizing classes to the <code>.input-group</code> itself and contents within will automatically resize—no need for repeating the form control size classes on each element.</p>
<p>Add the relative form sizing classes to the <code>.input-group</code> itself and contents within will automatically resize—no need for repeating the form control size classes on each element.</p>