如何实现bootstrap 4和rails 5
我是ruby的新手，我正在尝试将bootstrap 4.0.0.alpha4包含到rails 5.0.0中。 我已经安装了gems bootstrap，bootstrap-sass，autoprefixer-rails，我甚至在application.css.sass中使用了@import“bootstrap”，但我仍然没有在页面上获取引导程序。我有一个按钮查看我在哪里尝试实现bootstrap设计。 我甚至在不同的项目上尝试过它们，但它们都不起作用。 任何帮助，将不胜感激。 谢谢。
代码如下所示。 gem文件
source 'https://rubygems.org' # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '~> 5.0.0' # Use postgresql as the database for Active Record gem 'pg', '~> 0.18' # Use Puma as the app server gem 'puma', '~> 3.0' gem 'bootstrap' gem 'bootstrap-sass' gem 'autoprefixer-rails' gem 'wdm' # Use SCSS for stylesheets gem 'sass-rails', '~> 5.0' # Use Uglifier as compressor for JavaScript assets gem 'uglifier', '>= 1.3.0' # Use CoffeeScript for .coffee assets and views gem 'coffee-rails', '~> 4.2' # See https://github.com/rails/execjs#readme for more supported runtimes # gem 'therubyracer', platforms: :ruby # Use jquery as the JavaScript library gem 'jquery-rails' # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks gem 'turbolinks', '~> 5' # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder gem 'jbuilder', '~> 2.5' # Use Redis adapter to run Action Cable in production # gem 'redis', '~> 3.0' # Use ActiveModel has_secure_password # gem 'bcrypt', '~> 3.1.7' # Use Capistrano for deployment # gem 'capistrano-rails', group: :development group :development, :test do # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug', platform: :mri end group :development do # Access an IRB console on exception pages or by using anywhere in the code. gem 'web-console' gem 'listen', '~> 3.0.5' # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring gem 'spring' gem 'spring-watcher-listen', '~> 2.0.0' end # Windows does not include zoneinfo files, so bundle the tzinfo-data gem gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 很棒的链接 ，这是我的配置：
的Gemfile：
gem 'compass-rails', '2.0.4' gem 'bootstrap-sass', '~> 3.1.1.1' gem 'autoprefixer-rails', '6.3.7' gem 'sass-rails', '~> 5.0.1'
配置/初始化/ assets.rb
Rails.application.config.assets.version = '1.0' Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
在我的sass文件树上：
app/assets/stylesheets | |--components | | | |--variables, | |--mixins and another css/sass files | |--bootstrap.sass |--application.sass
application.sass：
@import 'bootstrap' @import 'components/*'
bootstrap.sass：
// Core variables and mixins @import 'bootstrap/variables' @import 'bootstrap/mixins' // Reset @import 'bootstrap/normalize' //@import 'bootstrap/print' // Core CSS //@import 'bootstrap/scaffolding'
标题：
= stylesheet_link_tag 'application', media: 'all'
有关将Bootstrap包含到Rails中的官方参考代码，请参阅官方bootstrap-rubygem项目中的test/dummy_rails项目框架。 该项目用于集成测试，因此您知道它将与最新版本的Bootstrap gem以及项目测试矩阵中的任何版本的Ruby / Rails一起使用。
确保已将这些代码行（或等效代码）添加到您的Rails项目中：
-
//= require bootstrap-sprocketsapp/assets/javascripts/application.js//= require bootstrap-sprockets -
app/assets/stylesheets/application.sass@import bootstrap -
config/application.rbconfig.assets.precompile += %w( application.css application.js ) - 运行
rake assets:precompile
如果您仍然遇到问题，请将完整的源代码发布到您的Rails应用程序，或者足以作为产生问题的最小，完整和可validation的示例 -总是有可能您在本地更改了一些您没有考虑过的问题但实际上很重要。
您可以在https://v4-alpha.getbootstrap.com/下载引导文件，然后将其复制并粘贴到您的资产文件（供应商）中，然后将其导入您的应用程序，方法是将其调用到application.js和application.css或以你调用其他js和css文件的方式调用它。 这样你就可以使用boostrap了。