jquery - Twitter Bootstrap rtl 评级星星

Question

我正在使用 twitter bootstrap 来构建我的网站 UI。

我想创建一个星级评级页面。

我希望它从右到左(意味着一颗星被选择在右边)

我认为我最好的选择是使用 Jquery-UI 插件，因为 bootstrap 没有这样的工具？

如何设置评级方向:rtl？

另外，如何将星星调整为黄色而不是红色

(悬停时和选择后)？

Answer 1

我也使用 Bootstrap 。今天早上我开始研究星级评级并发现了FontAwesome地点。在这里，您将在 bootstrap 中找到星级评级的工作示例。

CSS-tricks站点提供了所需的 CSS，并对其作用进行了很好的解释。

对于下面缺少链接，我深表歉意。由于我是 stackoverflow 上的“新海报”，我只能包含两个超链接。因此，您需要将要点粘贴到 dabble.com 网址中才能看到它们。(请有人为我的声誉投票，以便我可以发布更多链接:)

您可以在 dabblet.com 网站上找到工作示例，然后在将其引入到您的 cown 代码库中之前对其进行一些操作。 css-tricks dabblet 位于 https://gist.github.com/1709019.

您可能还想查看其他几个 dabblet:

@chriscoyier 有不同的实现 https://gist.github.com/1718992。在此实现中，您可以通过更改 float:right; 来从 LTR 更改为 RTL； float :向左；

@mprogano 有一个更简洁的版本:https://gist.github.com/1712123 。您可以使用方向从 LTR 更改为 RTL:rtl;

一些涉猎示例允许您更改星星颜色，其他示例则使用图像，因此您必须创建自己的图像来更改颜色。

希望这有帮助。