2016-08-04 11 views
-1

gemfile:レール

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アイコンがまったく表示されない 時には黒い四角形が表示される この状況はスクリプトを使用している可能性がありますか? 使用カルーセルはと

<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 Iconsを使ってアイコンをレンダリングしたいのですか?ブートストラップには後者があらかじめパッケージ化されていますが、前者も同様にインポートしているようです。 –

+0

@Robert C アイコンを追加するのは気にしません。 それを追加しない場合は、 –

答えて

-3

があなたのcustom.css.scss

@import "フォント素晴らしい" に以下を追加GoogleマップのAPIを使用しました。

+0

赤で下線 –

+1

フォントAwesomeとGlyphiconsは、異なるクラス名( '.fa'と.glyphicon')を利用する異なるアイコンセットです。 –

+0

@StivenFramsこれはscssであり、適切な構文です。あなたのエディタがSCSSをサポートしていますか? – Randy