1

我正在尝试将这些图标用于我的网站。我已经下载了引导程序，并且有一个bootstrap.css文件。如果我下载了所有的引导程序，它会弄乱我的网站，所以我下载了一个定制版本。我忘了下载图标，所以我下载了一个只有图标的自定义引导程序，然后将其复制并粘贴到我的旧bootstrap.css文件中。但是，我尝试使用的图标不起作用。

所以我所做的就是尝试将旧bootstrap.css文件移出vendor/assets/stylesheets和移入vendor/assets，然后将新bootstrap.css文件（只有图标样式）放入vendor/assets/stylesheets. 当我这样做时，图标仍然没有显示。所以我删除了新bootstrap.css文件，并将旧文件放回vender/assets/stylesheets. 但是......现在没有任何引导样式有效！我不知道为什么会这样！

我尝试重新启动我的网络服务器，清除我的缓存，我检查了我的公用文件夹中是否有资产文件夹（因为当我使用 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

如果您在 Rails 上使用 ruby​​，那么您可以使用 bootstrap-sass gem。

gem 'bootstrap-sass'

然后通过添加开始使用它

@import bootstrap;

到 app/assets/stylesheets 下的 css 文件。您可以拥有引导程序提供的所有功能。

但是如果您仍然想要自定义版本，您可以将引导 css 文件放在 app/assets/stylesheets 下，将 javascript 文件放在 app/assets/javascripts 下，将图像放在 app/assets/images 下。您可以从引导程序下载丢失的图像，然后转到 /img 获取图像。

编辑： 查看您在评论中提供的错误日志和 css。您忘记了后面的分号background-image: url("glyphicons-halflings.png");

于 2013-07-27T19:07:48.357 回答