2016-08-04 42 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圖標根本不顯示 有時會顯示黑色方塊 這種情況是否可以歸因於使用腳本? 使用旋轉木馬和使用谷歌地圖API

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

您可以添加屏幕截圖來查看它未顯示的位置嗎? –

+0

您可能需要向我們顯示您的輸出HTML/CSS。您是否也想使用Font Awesome或Glyph圖標渲染圖標? Bootstrap是與後者預先包裝,但你似乎是進口前者以及... –

+0

@Robert C 我不在乎什麼添加圖標 如果它不添加它們,然後我們可以使用Awesome –

回答

-3

添加到您的custom.css.scss

@import 「字體真棒」;

+0

下劃線紅色 –

+1

Font Awesome和Glyphicons是使用不同類名('.fa' vs'.glyphicon')的不同圖標集。 –

+0

@StivenFrams這是scss,和正確的語法。你確定你的編輯器支持SCSS嗎? – Randy