18-Feb-2016
NOTE: This article is 3 years or older so its information may no longer be relevant. Read on at your own discretion! Comments for this article have automatically been locked, refer to the
FAQ for more details.
Bootstrap has a fair amount of form customisation and it's
form control validation classes are amazing, you can even use them with the
glyphicons bundled with
Bootstrap to display a visual indicator inside the form control itself. Did you know however, that you can also use any
Font Awesome icon in the place of these glyphs? I've been doing just that recently and it looks great!
Here's a small example from a project of mine...
...and the code is something like this:
This is almost letter-to-letter copy/paste of
Bootstrap examples of form feedback with optional icons, the major difference is that all the
'glyphicon' classes are replaced by
'fa' classes for
Font Awesome icons.
Enjoy!
-i
Hope you found this post useful...
...so please read on! I love writing articles that provide beneficial information,
tips and examples to my readers. All information on my blog is provided free of
charge and I encourage you to share it as you wish. There is a small favour I ask in return however -
engage in comments below, provide feedback, and if you see mistakes let me know.
If you want to show additional support and help me pay for web hosting and
domain name registration,
donations, no matter how small, are always welcome!
Use of any information contained in this blog post/article is subject to
this disclaimer.
Igor Kromin
Other posts you may like...
Facebook
Twitter
Google+