<div class="rating">
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2">
<i class="bi bi-star fs-2"></i>
</div>
<div class="rating-label me-2">
<i class="bi bi-star fs-2"></i>
</div>
</div>
The above not displaying correctly in the current version
Hi,
It seems Bootstrap Icons' recent update comes with star icons class name changes.
You can try to use the rating with our in-house KeenIcons as shown in the Metronic Docs
Regards.
<div class="rating">
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
<div class="rating-label me-2 checked">
<i class="bi bi-star fs-1"></i>
</div>
</div>
Hi,
We have tested the above code with Metronic v8.2.0 and it works fine. Can you double-check your code? Have you changed anything in your build? It seems Bootstrap Icons are not loaded on your page.
Please check it with the original Metronic v8.2.0 and it should work as expected.
If you need any further help please let us know your build method(gulp or webpack).
Regards.
I am using the laravel version, it was working fine in the v8.1.9 but its not working any more in version v8.2.0. i used webpack.
i had to include the CDN below below it works:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<script src="https://kit.fontawesome.com/cbd6d74aa8.js" crossorigin="anonymous"></script>
Hi,
Thank you for the heads-up.
Noted, we will double-check it and fix the missing icons for Laravel Starter Kit in the next update.
Regards.