2014-02-17 3 views
0

При использовании драгоценного камня twitter-bootstrap-rails глификоны не работают. Я заметил, что в результате CSS имеет:Rails twitter-bootstrap-rails glyphicons не работают

background-image: "/assets/twitter/bootstrap/glyphicons-halflings.png" 

Это не является допустимым свойством CSS, поэтому, конечно, он не работает. Я не делаю ничего особенного, и это тянет непосредственно из файла sprites.less, который имеет:

background-image: @iconSpritePath; 

Я считаю, что это должно быть перевод на фоне: URL() в результате CSS, но это, похоже, не происходит.

ответ

0

попробовать это:

background-image: asset-url("glyphicons-halflings.png"); 
+0

Ну, вопрос в том, что файл sprites.less находится внутри камня твиттер-бутстраповские-рельсы, так что я не могу изменить его ... ну, я мог бы, но тогда он не будет изменен, когда я подталкиваю к prod, если я не создаю модифицированную версию этого драгоценного камня. – cloudwalker

+0

Не забывайте, что любой файл, который вы положили в дерево активов приложения, переопределит его эквивалент gem, который находится в дереве поставщика. Так что просто скопируйте код в свой собственный файл. Поместите его в то же место в дереве активов приложений, как и в дереве активов драгоценных камней. Внесите свои изменения. Контрольная работа. Commit. От себя. –

+0

Я пробовал это, но кажется, что материал в sprites.less переопределяет все, что я ввел в дерево активов. Независимо от того, что я делаю, фоновое изображение от sprites.less - это тот, который в конечном итоге используется. Я уверен, что я делаю что-то неправильно здесь, но я не могу заставить его работать. Это также кажется странным, что он не будет работать из коробки с драгоценным камнем twitter-bootstrap-rails. – cloudwalker

Смежные вопросы