Некоторые глификоны, не работающие с bootstrap-sass

В соответствии с этим post проблема с некоторыми глификонами не работает, но проблема была исправлена в bootstrap-sass. Но я использую bootstrap-sass 3.3.5, а некоторые все еще не работают. Например эти работыНекоторые глификоны, не работающие с bootstrap-sass

<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span> 
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>

и они не работают

<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> 
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>

В моем application.css.scss файле я загрузка бутстраповской-звёздочки перед тем бутстрапом, т.е.

@import "bootstrap-sprockets"; 
@import "bootstrap";

Я использую rails 4.2.2, sass-rails', '~> 4.0.4' , 'sprockets-rails', '>=2.1.4'. Почему это не работает?

Вот соответствующий отрывок из активов, когда я проверить элемент хром веб-инструменты:

/* line 24, /Users/Chris/.rvm/gems/[email protected]_mentor/gems/bootstrap-sass-3.3.5/assets/stylesheets/bootstrap/_glyphicons.scss */ 
.glyphicon { 
    position: relative; 
    top: 1px; 
    display: inline-block; 
    font-family: 'Glyphicons Halflings'; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

/* line 37, /Users/Chris/.rvm/gems/[email protected]_mentor/gems/bootstrap-sass- 3.3.5/assets/stylesheets/bootstrap/_glyphicons.scss */ 
.glyphicon-asterisk:before { 
    content: "\2a"; 
} 

/* line 38, /Users/Chris/.rvm/gems/[email protected]_mentor/gems/bootstrap-sass- 3.3.5/assets/stylesheets/bootstrap/_glyphicons.scss */ 
.glyphicon-plus:before { 
    content: "\2b"; 
}

источник

2015-07-17 Obromios

Можете ли вы создать демо-код? Codepen будет работать хорошо. –

Это рубиновое приложение для рельсов, поэтому демонстрацию этого раздела кода сложно, и он еще не развернут. Соответствующий html - это четыре строки, два из которых дают правильный символ, а два дают квадрат. Я не думаю, что мой стиль влияет на это, поскольку это, похоже, является той же проблемой, что и упомянутая выше запись. Я использую самообучение. Я описал соответствующий раздел файла application.css.scss. Есть ли что-нибудь еще, что вы хотели бы знать? – Obromios

Вы прекомпилировали активы? – Pavan

Я решил проблему, обновив все, что мог придумать. Конфигурация, которая, в конечном счете, работала, была

gem 'sprockets-rails', '>=2.1.4' 
gem 'sass-rails', '~> 5.0.1' 
gem 'compass-rails', '~> 2.0.4' 
gem 'bootstrap-sass', '~> 3.3.5.1'

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

источник

2015-08-03 10:35:55 Obromios

Try перекомпилировать активы с rake assets:precompile. Если вы не в разработке, не забудьте добавить свое окружение rake assets:precompile RAILS_ENV=production

источник

2015-07-19 23:29:27

Теперь я попробовал '' 'rake assets: precompile''' из командной строки. Это не устранило проблему. Это происходит в режиме разработки. – Obromios

Вы также пытались установить «config.assets.debug» в true временно? –

Я пробовал это, и это не сработало. Также, пожалуйста, см. Выше, где я добавил соответствующую выдержку из активов. – Obromios

Мне удалось включить глификон. Добавьте следующий шрифт после включенного бутстрапа.

@import 'bootstrap-sprockets'; 
@import 'bootstrap'; 

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

Ссылка: http://doruby.kbmj.com/taka/20140726/_Rails4_Bootstrap_assets_precompile_glyphicon_

источник

2015-11-20 07:43:39 asukiaaa

В вашем application.scss:

@import 'bootstrap-sprockets'; 
@import 'bootstrap';

(обязательно сначала импортными бутстраповских-звездочками)

(Найдено с помощью https://github.com/twbs/bootstrap-sass/issues/653#issuecomment-47933937)

источник

2016-11-03 22:09:55 phildub

Некоторые глификоны, не работающие с bootstrap-sass

ответ

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