Add a class that specifies the icon you which to use (e.g. glyphicon to the HTML element you want to contain an icon. fonts/ directory, relative to the compiled CSS files. Make sure the font files will are located in the. Bootstrap supports Glyphicon icons out of the box. The easiest way to add icons to your page is by by using font-based icons. input-group-addonĮasy enough, right? The next step is to add HTML to create an icon within the. input-group-addon to change the font color and background color of your addon. 
input-group-addon after the, then the text is appended to the. So, to prepend the earlier field with an would look like this: we add the. We can prepend or append text or HTML to the field by wrapping the input with a.
Add icons to the addons using icon fontsĪ typical Bootstrap form field looks like this:. 
Append or prepend addons to your form fields. To add icons to your form, you need to understand how to do 2 things: Humans can recognize pictures (like an envelope) much more quickly than they can read words (like "Email"). Not only will they make your form look great, they'll help avoid user mistakes. Icons can be a great addition to your HTML form.
0 kommentar(er)
