2016-08-04 2 views
-1

Gemfile:рельсы Glyphicon не отображаются

source 'https://rubygems.org' 
    gem 'rails', '4.2.4' 
    gem 'sqlite3' 
    gem 'sass' 
    gem 'sass-rails', '~> 5.0' 
    gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6' 
    gem 'uglifier', '>= 1.3.0' 
    gem 'coffee-rails', '~> 4.1.0' 
    gem 'rails_admin' 
    gem 'turbolinks' 
    gem 'gmaps4rails', '~> 2.1', '>= 2.1.2' 
    gem 'geocoder' 
    gem 'google-api-client', '~> 0.7.1', require: 'google/api_client' 
    gem 'underscore-rails', '~> 1.8', '>= 1.8.3' 
    gem 'markerclustererplus-rails' 
    gem "font-awesome-rails" 
    gem 'jquery-validation-rails' 
    gem 'jquery-rails' gem 'jquery-turbolinks'gem 'jbuilder', '~> 2.0' 
gem 'sdoc', '~> 0.4.0', group: :doc 
    gem 'responders', '~> 2.0' 
    gem 'bcrypt', '~> 3.1.7' 
    group :development, :test do gem 'byebug' 
    end 
    group :development do 
    gem 'web-console', '~> 2.0' 
     gem 'spring' 
    end 

application.js:

//= require jquery 
//= require bootstrap-sprockets 
//= require bootstrap 
//= require jquery_ujs 
//= require jquery.turbolinks 
//= require jquery.validate 
//= require validation 
//= require jquery-1.5.min 
//= require jcarousel 
//= require underscore 
//= require gmaps/google 
//= require google_maps 
//= require markerclusterer 
//= require turbolinks 
//= require_tree . 

application.css:

*= require_self 
*= require_tree . 
*/ 

custom.css.scss:

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

помогите мне, пожалуйста enter image description here Иконки вообще не отображаются Иногда отображается черный квадрат Возможно ли это из-за использования скрипта? Использование Carousel и использовать Google Map API

<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"></span> Star</button> <br> 
+0

Вы можете добавить скриншот, чтобы увидеть, где он не отображается.? –

+0

Вам может потребоваться показать нам ваш HTML/CSS. Также вы хотели отображать свои значки с помощью шрифтов Awesome или Glyph Icons? Bootstrap предварительно упакован с последним, но вы, похоже, импортируете и прежнего ... –

+0

@Robert C Мне все равно, что добавить значки , если он их не добавит, а затем мы можем использовать Awesome –

ответ

-3

добавить к вашей custom.css.scss

@import "шрифт-устрашающий";

+0

подчеркивает красным цветом –

+1

Шрифт Awesome и Glyphicons - это разные наборы значков, в которых используются разные имена классов ('.fa' vs' .glyphicon'). –

+0

@StivenFrams это scss и правильный синтаксис. Вы уверены, что ваш редактор поддерживает SCSS? – Randy

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