Использование файла boostrap.css в Rails production/heroku без LESS или SASS

Question

Я пытаюсь использовать глификоны, предоставленные bootstrap в моем приложении rab 4.0beta1. Все отлично работает в разработке, но в производстве ничего не визуализируется, и в журналах Heroku я получаю следующее сообщение об ошибке:

ActionController::RoutingError No Route Matches [GET] "/assets/glyphicons-halflings.png" 

Это, как я звоню файл изображения в boostrap.css:

[class^="icon-"], 
[class*=" icon-"] { 
background-image: url("/assets/glyphicons-halflings.png"); 
} 

Это, как я делаю его в представлении:

<i class="icon-user"></i> 

Когда я запускаю грабли активов: PreCompile и запуск сервера производства с рельсами S -e производствами, то я больше не могу см. иконки. Я не знаю, почему это так. Я не использую какие-либо драгоценные камни, связанные с загрузкой, у меня просто есть простой файл bootstrap.css и файл изображения под активами/изображениями.

EDIT: Я также добавил .erb расширения (bootstrap.css.erb), чтобы использовать помощник asset_path, но я до сих пор вижу только иконки в развитии, а не производство.

У кого-нибудь есть идеи?

Answer 1

Ну, как ни странно, не кажется, фоновое изображение для работы в производство. Я загружал другие фоновые изображения, используя только фон: собственность, поэтому я попытался что и теперь он (магически) работает в производстве:

background: url(<%= asset_path 'glyphicons-halflings.png' %>); 

с bootstrap.css.erb в качестве имени файла.

Тем не менее путать, почему фоновое изображение работает в разработке, но не производство ...

Answer 2

Попробуйте этот простой подход:

background-image: url('gliphicons-halflings.png') 

EDIT: glyphicons.scc.scss.erb

@font-face { 
font-family: 'Glyphicons'; 
src: url('<%= asset_path('glyphicons-regular.eot')%>'); 
src: url('<%= asset_path('glyphicons-regular.eot?#iefix')%>') format('embedded-opentype'), url('<%= asset_path('glyphicons-regular.woff')%>') format('woff'), url('<%= asset_path('glyphicons-regular.ttf')%>') format('truetype'), url('<%= asset_path('glyphicons-regular.svg#glyphicons_halflingsregular')%>') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

[class^="glyphicons-"]:before { 
display: inline-block; 
font-family: 'Glyphicons'; 
font-style: normal; 
font-weight: normal; 
text-decoration: inherit; 
*display: inline; 
*zoom: 1; 

}