如何解决 bootstrap 未应用于在 cloud9 ide 上开发的 rails 应用程序?
How to resolve bootstrap not being applied on rails application developed on cloud9 ide?
我是在 Rails 上使用 Ruby 开发应用程序的初学者,我目前已注册并使用 Cloud9 作为我的开发 IDE。
我已经顺利创建了我的第一个 Rails 项目,我正在学习如何使用 bootstrap 创建 Rails 网站的教程。
我已经安装了必要的 gem bootstrap-sass
和 autoprefixer-rails
,将我的 application.css
重命名为 application.css.scss
,添加了 @import "bootstrap-sprockets"
和 @import "bootstrap"
, 添加 //= require bootstrap-sprockets
到 application.js
并添加直接从 bootstrap 主页复制的导航栏。
我一直关注的教程是这个 youtube 教程视频:
https://www.youtube.com/watch?v=v002f5-9hx8
问题是在保存所有更改后甚至在重新启动我的 rails 服务器后,bootstrap 似乎从未应用过,我无法在我的应用程序中使用它。对这个问题的任何见解都可以帮助我解决它。我一直在尝试搜索 google 但似乎这种情况很少见,所以我找不到任何好的信息来解决这个问题。
您的问题有多种可能性,但是,我们没有足够的信息来提供帮助。有用的信息是:Rails 版本、ruby 版本、快速查看您的 gem 文件等
在此期间,只需在布局的 application.html.erb 文件中使用这些 CDN。
CSS: <link rel='stylesheet' href="ttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
JS: <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>
绝对要检查的事情:
- Gemfile 语法(http://bundler.io/gemfile.html)
- 资产管道的配置文件(应用程序。css/js 文件)是否设置正确。
- 如果您有任何简单的语法问题。 (我知道,这是多余的。)
我是在 Rails 上使用 Ruby 开发应用程序的初学者,我目前已注册并使用 Cloud9 作为我的开发 IDE。
我已经顺利创建了我的第一个 Rails 项目,我正在学习如何使用 bootstrap 创建 Rails 网站的教程。
我已经安装了必要的 gem bootstrap-sass
和 autoprefixer-rails
,将我的 application.css
重命名为 application.css.scss
,添加了 @import "bootstrap-sprockets"
和 @import "bootstrap"
, 添加 //= require bootstrap-sprockets
到 application.js
并添加直接从 bootstrap 主页复制的导航栏。
我一直关注的教程是这个 youtube 教程视频:
https://www.youtube.com/watch?v=v002f5-9hx8
问题是在保存所有更改后甚至在重新启动我的 rails 服务器后,bootstrap 似乎从未应用过,我无法在我的应用程序中使用它。对这个问题的任何见解都可以帮助我解决它。我一直在尝试搜索 google 但似乎这种情况很少见,所以我找不到任何好的信息来解决这个问题。
您的问题有多种可能性,但是,我们没有足够的信息来提供帮助。有用的信息是:Rails 版本、ruby 版本、快速查看您的 gem 文件等
在此期间,只需在布局的 application.html.erb 文件中使用这些 CDN。
CSS: <link rel='stylesheet' href="ttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
JS: <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>
绝对要检查的事情:
- Gemfile 语法(http://bundler.io/gemfile.html)
- 资产管道的配置文件(应用程序。css/js 文件)是否设置正确。
- 如果您有任何简单的语法问题。 (我知道,这是多余的。)