bootstrap star-rating插件错误图标

Question

插件url：http://plugins.krajee.com/star-rating

我使用默认选项初始化了插件，但是显示的图标似乎被其他东西覆盖了。

​

​

Javascript

$("#rating").rating();

HTML

<div class="row">
  <div class="col-md-offset-1 col-md-10 ">
    <div class="form-group">
      <label for="rating">Rating</label>
      <input type="number" data-step="1" class="form-control rating" name="rating" id="rating"/>
    </div>
  </div>
</div>

Answer 1

确保所有必需的资源(js、css)都包含在库的basic example - https://github.com/kartik-v/bootstrap-star-rating#user-content-usage中

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="path/to/css/star-rating.min.css" media="all" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="path/to/js/star-rating.min.js" type="text/javascript"></script>