Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I also use bootstrap. This morning I started looking into star ratings and came across the <a href="http://fortawesome.github.com/Font-Awesome/">FontAwesome</a> site. Here you'll find a working example of Star Ratings within bootstrap. </p> <p>The <a href="http://css-tricks.com/star-ratings/">CSS-tricks</a> site provides the needed CSS with a good explanation of what it is doing. </p> <p><em>I apologize for the lack of links below. As I am "new poster" on stackoverflow I can only include two hyperlinks. So you'll need to paste the gists into the dabble.com URL to see them.</em> (someone please vote my reputation up so I can post more links :)</p> <p>You can find working examples at the dabblet.com site to play with it a bit before bringing it into your cown code base. The css-tricks dabblet is at <a href="https://gist.github.com/1709019">https://gist.github.com/1709019</a> .</p> <p>There are several other dabblets you may want to review:</p> <p>@chriscoyier has a different implementation at <a href="https://gist.github.com/1718992">https://gist.github.com/1718992</a> . You can change from LTR to RTL in this implementaion by changing float:right; to float:left;</p> <p>@mprogano has an even more concise version at <a href="https://gist.github.com/1712123">https://gist.github.com/1712123</a>. You can change from LTR to RTL using direction: rtl;</p> <p>Some of the dabble examples allow you to change the star colors, others are using images so you'd have to create your own images to change color.</p> <p>Hope this helps.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload