2015-02-08 2 views
0

Я использую Twitter Bootstrap с рубином на рельсы проекта, добавив соответствующие драгоценные камни и т.д.Рубин на рельсах Twitter Bootstrap проблемы glyphicons путь

Все работало отлично, пока я не добавил значок глифов - по:

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

Теперь я получаю эту ошибку:

http://localhost:3000/assets/twitter-bootstrap-static/twitter/fonts/glyphicons-halflings-regular.ttf - HTTP 404. 

Я прочитал ряд других подобных вопросов об этом на переполнение стека, но решения не кажется, что согласуется с моей а РИМЕНЕНИЕ.

Большинство предлагаемых исправлений дело с приложением/assetts/стилей/bootstrap_and_overrides.css.less для тех, кто заинтересован в этом есть текущее содержимое этого файла:

@import "twitter/bootstrap/bootstrap"; 

// Set the correct sprite paths 
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png"); 
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png"); 

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines) 
@fontAwesomeEotPath: font-url("fontawesome-webfont.eot"); 
@fontAwesomeEotPath_iefix: font-url("fontawesome-webfont.eot?#iefix"); 
@fontAwesomeWoffPath: font-url("fontawesome-webfont.woff"); 
@fontAwesomeTtfPath: font-url("fontawesome-webfont.ttf"); 
@fontAwesomeSvgPath: font-url("fontawesome-webfont.svg#fontawesomeregular"); 

// Font Awesome 
@import "fontawesome/font-awesome"; 

// Glyphicons 
//@import "twitter/bootstrap/glyphicons.less"; 

// Your custom LESS stylesheets goes here 
// 
// Since bootstrap was imported above you have access to its mixins which 
// you may use and inherit here 
// 
// If you'd like to override bootstrap's own variables, you can do so here as well 
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation 
// 
// Example: 
// @link-color: #ff0000; 

Возможно, iconspritepath в этом файле неправильно ? Я не уверен, что это должно быть?

Пожалуйста, помогите!

ответ

0

Я выяснил, что проблема. По-видимому, по-прежнему в ruby ​​on rails он настроен на использование шрифтовидных глификонов вместо глификонов по умолчанию с бутстрапом.

Поэтому мне просто нужно использовать другой класс CSS, для которых я использовал этот сайт:

http://fortawesome.github.io/Font-Awesome/icons/

Fontawesome определенно лучше, чем glyphicons по умолчанию, так что я в настоящее время используется:

<span class="fa fa-users fa-2x"></span> 

для моего персонажа!

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