2014-10-06 3 views
1

Я использую bootstrap 3 для моего приложения rails. На странице просмотра значки начальной загрузки не показывались.Bootstrap 3: Значки не отображаются

Мои структуры папок выглядят.

app/assets/stylesheets/bootstrap.min.css 

app/assets/fonts/ ###font files 

app/assets/images/ ###image files 

и внутри bootstrap.min.css Я зову семейство шрифтов, как показано ниже

@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')} 

Пожалуйста, поправьте меня, если я делаю это неправильно.

UPDATE:

код, чтобы показать иконки:

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

Удостоверьтесь, что у вас есть свои 'glyphicons-halflings-regular.eot' и другие файлы в каталоге' app/assets/fonts/'. – Surya

+0

да его там .. –

ответ

7

Bootstrap 3 использует различные классы для иконок, вы используете icon-* классов, для Bootstrap 2. В Bootstrap 3, вы должны использовать .glyphicon и .glyphicon-* CSS классы:

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

См. Migrating to v3.x.

1

Там нет ничего плохого в структуре, основанной на том, как вы импортировать шрифт и структуру проекта. Скорее всего, есть проблема, когда вы пытаетесь распечатать значок. Можете ли вы опубликовать фрагмент, показывающий, как вы печатаете значки?

Обновление: На основе вашего обновления с образцом кода кажется, что вы используете классы значков Bootstrap 2, в то время как в 3 есть семейство шрифтов вместо спрайтов png, поэтому вы должны отображать значки этого путь:

<i class="glyphicon glyphicon-pencil"></i> 
Смежные вопросы