Place one add-on or button on either side of an input.
<StyleSheet StyleSheet="Framework.bootstrap.bootstrap.css" /> <StyleSheet ShowModes="rdBrowser" StyleSheet="Framework.bootstrap.Overrides.css" /> <StyleSheet ShowModes="rdBrowser" StyleSheet="Fonts.combined.css" /> <StyleSheet ShowModes="rdBrowser" StyleSheet="Framework.css.Layout.css" /> <IncludeScriptFile ID="jquery" IncludedScriptFile="Framework.bootstrap.jquery.min.js" /> <IncludeScriptFile ID="bootstrap" IncludedScriptFile="Framework.bootstrap.bootstrap.js"> <Note Note="Includes Bootstrap.min.js, Popper.js or tether.js" /> </IncludeScriptFile>
<StyleSheet StyleSheet="Fonts.combined.css" />
text
buttons
icons
dropdowns
Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon or .input-group-btn to prepend or append elements to a single .form-control.
.input-group
.input-group-addon
.input-group-btn
.form-control