Bootstrap 3:图标未显示

Question

我正在使用bootstrap 3作为我的rails应用程序.在视图页面中,未显示引导程序图标.

我的文件夹结构看起来像.

 app/assets/stylesheets/bootstrap.min.css

 app/assets/fonts/  ###font files

 app/assets/images/  ###image files

在bootstrap.min.css里面我调用font-family,如下所示

 @font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}

如果我做错了,请纠正我.

更新:

用于显示图标的代码:

 <a title="edit" href="<%= edit_customer_customer_path(cust, from: "admin")%>">
 <i class="icon-pencil bigger-130"></i>
 </a>

Answer 1

Bootstrap 3对图标使用不同的类,您使用的icon-*是Bootstrap 2类.在Bootstrap 3中,您应该使用.glyphicon和.glyphicon-*CSS类:

<span class="glyphicon glyphicon-pencil"></span>

请参阅迁移到V3.0的.