1

これらのアイコンを自分のサイトに使用しようとしています。すでにブートストラップをダウンロードしており、bootstrap.cssファイルがあります。すべてのブートストラップをダウンロードすると、サイトがめちゃくちゃになるので、カスタマイズされたバージョンをダウンロードしました。アイコンをダウンロードするのを忘れていたので、アイコンのみを含むカスタマイズされたブートストラップをダウンロードし、それをコピーして古いbootstrap.cssファイルに貼り付けました。しかし、使用しようとしていたアイコンが機能しませんでした。

それで私がしたことは、古いbootstrap.cssファイルを. 私がそれをしたとき、アイコンはまだ表示されませんでした。そのため、新しいファイルを削除し、古いファイルを に戻しました。ただし...現在、ブートストラップのスタイリングは機能しません!!! その理由がわかりません!vendor/assets/stylesheetsvendor/assetsbootstrap.cssvendor/assets/stylesheetsbootstrap.cssvender/assets/stylesheets

Web サーバーを再起動してキャッシュをクリアし、パブリック フォルダーにアセット フォルダーがあるかどうかを確認しました (ある場合、localhost を使用して css の変更が表示されないためです。コンパイルと関係があるため)。どれも機能せず、ローカルホストでブートストラップ スタイルをまだ確認できません。インスペクト要素を使用すると、ブートストラップ スタイルが適用されていません。ブートストラップのスタイリングが失われる可能性があるため、実際のサイトを更新することを恐れています。あなたがそれを見て私を助け、私がブートストラップのスタイリングを失うことはないと確信できるように私にそれを更新してほしいのなら、私はあなたを信頼してそれを行います. お知らせ下さい。

エラー:

Sass::SyntaxError in Static_pages#home

Showing /Users/adamzerner/collegeanswerz/app/views/static_pages/home.html.erb where line #1 raised:

Invalid CSS after "...ground-position": expected ";", was ": center;"
  (in /Users/adamzerner/collegeanswerz/app/assets/stylesheets/home.css.scss)
Extracted source (around line #1):

1: <%= stylesheet_link_tag    "home", :media => "all" %>
2: <%= javascript_include_tag :application %>
3: <% provide(:title, 'Questions About College?  CollegeANSWERZ') %>
4: 
Rails.root: /Users/adamzerner/collegeanswerz

Application Trace | Framework Trace | Full Trace
app/assets/stylesheets/bootstrap.css:1939
app/assets/stylesheets/home.css.scss:1
app/views/static_pages/home.html.erb:1:in `_app_views_static_pages_home_html_erb__737002310770935096_70160250580000'
Request

Parameters:

None
Show session dump

Show env dump

Response

Headers:

None
4

1 に答える 1

1

Ruby on Rails を使用している場合は、bootstrap-sass gem を使用できます。

gem 'bootstrap-sass'

そして、追加して使用を開始します

@import bootstrap;

app/assets/stylesheets の下の css ファイルに追加します。ブートストラップが提供するすべての機能を持つことができます。

それでもカスタマイズされたバージョンが必要な場合は、ブートストラップ css ファイルを app/assets/stylesheets の下に配置し、javascript ファイルを app/assets/javascripts の下に配置し、画像を app/assets/images の下に配置できます。不足しているイメージをブートストラップからダウンロードし、イメージの /img に移動できます。

EDIT: エラーログとコメントで提供したcssを見てください。の後のセミコロンを忘れましたbackground-image: url("glyphicons-halflings.png");

于 2013-07-27T19:07:48.357 に答える