After downloading a customized version of Bootstrap with only the icons, I encountered issues trying to incorporate them into my site. Despite copying and pasting the icon styling into my existing bootstrap.css file, the icons were still not displaying properly.
Attempting different methods, such as moving files around in my directory structure, did not solve the problem. In fact, after these adjustments, none of the Bootstrap styling was working at all on my localhost environment. I tried restarting my web server, clearing caches, and checking various directories, but nothing seemed to fix the issue.
An error message displayed an Invalid CSS Syntax when using Sass, which further complicated the situation. The fear of losing Bootstrap styling prevented me from updating the actual site for a solution.
If willing to assist in resolving this matter without risking the current styling, please let me know so that necessary actions can be taken. Your expertise in solving this mystery would be greatly appreciated.
Error:
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