Using Bootstrap 4 it half works: "starts" are not visible

palminha commented 5 years ago

Prerequisites

[X] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
[ ] The issue still exists against the latest master branch of bootstrap-star-rating.
[X] This is not an usage question. I confirm having read the plugin documentation and demos.
[X] This is not a general programming / coding question. (Those should be directed to the webtips Q & A forum).
[X] I have attempted to find the simplest possible steps to reproduce the issue.
[ ] I have included a failing test as a pull request (Optional).

Steps to reproduce the issue

Install with composer as instruction on readme

Expected behavior and actual behavior

When I follow those steps, I don't see the starts. I can see the "Not Rated" and if i over the mouse close the caption i see it changing to "One Star", "Two Stars", etc... but the stars are not visible.

I was expecting the stars to be visible

Environment

Browsers

[X] Google Chrome
[ ] Mozilla Firefox
[ ] Internet Explorer
[ ] Safari

Operating System

[ ] Windows
[ ] Mac OS X
[X] Linux
[ ] Mobile

Libraries

jQuery version: 3.3.1-min
bootstrap-star-rating version: 4.0.6
laravel: 5.8.23
bootstrap: 4.1.3

Isolating the problem

[ ] This bug happens on the plugin demos page
[ ] The bug happens consistently across all tested browsers
[X] This bug happens when using bootstrap-star-rating without other plugins
[ ] I can reproduce this bug in a jsbin

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/76372818-using-bootstrap-4-it-half-works-starts-are-not-visible?utm_campaign=plugin&utm_content=tracker%2F548024&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F548024&utm_medium=issues&utm_source=github).

palminha commented 5 years ago

Tried out what is described here #196 and it doesn't work

stale[bot] commented 5 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

mhnamaki commented 4 years ago

Have you found a solution? :)

Wagnerxyz commented 3 years ago

you should set theme property! $("#input-id").rating({ theme: 'krajee-svg'});

kartik-v commented 3 years ago

By default the plugin has been updated since v4.1.0 to use krajee-svg as the default theme. This is because plugin has moved more towards support of Bootstrap later releases like 4.x and 5.x and both these releases do not support glyphicons. Remember you need to load the krajee-svg theme assets (js/css) on your page as well as mentioned in the usage section of the docs.

luoxiangyu02 commented 7 months ago

i meet the same question ,have you found a solution?

kartik-v / bootstrap-star-rating