Krajee

Bootstrap Star Rating Demo

Thankful to Krajee! BUY A COFFEEor to get more out of us.

Demonstration examples and usage for the bootstrap-star-rating plugin.

Tip

Not seeing the updated content on this page! Hard refresh your browser to clean cache for this page (e.g. SHIFT-F5 on Windows Chrome)

Click for Demo
Basic usage examples of the bootstrap-star-rating plugin.
Click for Demo
Advanced usage examples of the bootstrap-star-rating plugin.
Click for Demo
Theme support feature and usage of SVG icon markup with inbuilt krajee-svg theme. This is the default theme and used when no theme property is set. You must always load the themes/krajee-svg/theme.css after star-rating.css and themes/krajee-svg/theme.js file after star-rating.js.
Click for Demo
Style stars using Bootstrap 3.x glyphicons. Note that glyphicons are bundled and available only with Bootstrap 3.x. If using with Bootstrap 4.x, you need to load licensed glyphicons on your page manually. Alternatively, you can use one of the other inbuilt themes. Advanced styling is possible by setting containerClass property.
Click for Demo
Theme support feature and usage of FONT AWESOME 4.x icons with inbuilt krajee-fa theme. You must load the font-awesome.css from the font-awesome 4.x repository and also themes/krajee-fa/theme.css after star-rating.css and themes/krajee-fa/theme.js file after star-rating.js.
Click for Demo
Theme support feature and usage of FONT AWESOME 5.x icons with inbuilt krajee-fas theme. You must load the font-awesome.css from the font-awesome 5.x repository and also themes/krajee-fas/theme.css after star-rating.css and themes/krajee-fas/theme.js file after star-rating.js.
Click for Demo
Theme support feature and usage of UNICODE icons with inbuilt krajee-uni theme. You must load the themes/krajee-uni/theme.css after star-rating.css and themes/krajee-uni/theme.js file after star-rating.js.

Note

You can now visit the Krajee Webtips Q & A forum for searching OR asking questions OR helping programmers with answers on these extensions and plugins. For asking a question click here. Select the appropriate question category (i.e. Krajee Plugins) and choose this current page plugin in the question related to field.

The comments and discussion section below are intended for generic discussions or feedback for this plugin. Developers may not be able to search or lookup here specific questions or tips on usage for this plugin.

 
visitors to Krajee Jquery Plugins since 22-May-2017