Сегодня мы хотели бы поговорить о звездном рейтинге, а частности о небольшом плагине-Bootstrap Rating Input. Это легкий плагин jQuery, который преобразует стандартный ввод, преобразованный простую систему рейтинга звезд с помощью Bootstrap 3. Плагин также имеет функцию для удаления выбранного рейтинга. Звездный рейтинг поможет вам определить на сколько популярна та или иная статья благодаря простому рейтингу который определили пользователи. Так как Bootstrap весьма популярный инструмент, мы решили показать как сделать такой рейтинг.

 

Я думаю не стоит останавливаться для чего нужен рейтинг более детально, тут и так все понятно, по этому давайте посмотрим как все это реализовать.

С чего начать?

Для начала вам необходимо подключить библиотеки jQuery к вашему документу, соблюдайте правильный путь, чтобы у вас все получилось:

Теперь нам необходимо подключить фреймворки Bootstrap к вашему документы, делаем мы это следующим образом:

Создайте числовое поле ввода с именем класса «‘rating» на странице. Использование атрибута data-clearable для определения удаляемого значения:

Стандартные опции плагина которые установлены по умолчанию:

Вот такой, достаточно простой, но интересный плагин-виджет для Bootstrap вы можете использовать для получения звездного рейтинга на своем сайте.

Вот и все. Готово!