Bootstrap работает только частично, глификоны рельсов не работают

Я не могу заставить свои глификоны работать в конвейере ресурсов Rails.

В stylesheets/application.sass у меня...

@import "bootstrap-sprockets"
@import "bootstrap"
@import "glyphicons"

Я использую драгоценные камни bootstrap-sass и sass-rails

В stylesheets/glyphicons.css у меня...

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

Это странно, потому что это (ниже) работает нормально, давая мне красную кнопку опасности...

<a class="detete btn btn-danger" href="#">x</a>

... в то время как этот (ниже) не работает, не дает мне ни серую кнопку по умолчанию, ни значок звездочки...

<a class="btn" href="#"><i class="icon-star-empty"></i></a>

Вот почему я говорю, что Bootstrap работает для меня только «частично». Любая помощь в этом будет высоко оценена.


ruby-on-rails twitter-bootstrap glyphicons
person Matt    schedule 20.04.2016    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы добавили следующую строку в ваш application.js. вы ничего не упомянули о своем application.js здесь. Я надеюсь, что это поможет вам

//= require jquery
//= require bootstrap-sprockets

вы можете проверить следующую ссылку https://github.com/twbs/bootstrap-sass

person Community    schedule 20.04.2016
comment
Я на самом деле пойти те. Спасибо. - person Matt; 20.04.2016

arrow_upward
1
arrow_downward

По умолчанию каталог шрифтов Glyphicons установлен в папку шрифтов. Вместо этого вы должны определить его с помощью asset_path . Поэтому попробуйте добавить код ниже в app/assets/stylesheets/application.css.scs.

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

Вам также может понадобиться внести изменения в файл config/application.rb.

config.assets.paths << "#{Rails}/vendor/assets/fonts"
person Dipak Gupta    schedule 20.04.2016
comment
Я сделал эти изменения и дополнения, которые вы рекомендуете, но это все еще не работает. Кроме того, я не могу понять, почему серый btn тоже не появляется, а красный btn btn-danger появляется. Это кажется таким странным. Это заставляет меня думать, что у меня нет полного пакета начальной загрузки, но я должен, если я использую гем bootstrap-sass. Очень странно. Спасибо. - person Matt; 20.04.2016