我是
ruby的新手,我正在尝试将bootstrap 4.0.0.alpha4包含到rails 5.0.0中.
我已经安装了gems bootstrap,bootstrap-sass,autoprefixer-rails,我甚至在application.css.sass中使用了@import“bootstrap”,但我仍然没有在页面上获取引导程序.我有一个按钮查看我在哪里尝试实现bootstrap设计.我甚至在不同的项目上尝试过它们都没有用.任何帮助,将不胜感激.谢谢.
代码如下所示.
宝石文件
我已经安装了gems bootstrap,bootstrap-sass,autoprefixer-rails,我甚至在application.css.sass中使用了@import“bootstrap”,但我仍然没有在页面上获取引导程序.我有一个按钮查看我在哪里尝试实现bootstrap设计.我甚至在不同的项目上尝试过它们都没有用.任何帮助,将不胜感激.谢谢.
代码如下所示.
宝石文件
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 <%= console %> 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]
解决方法
伟大的
link和
这是我的配置:
这是我的配置:
的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’应用’,媒体:’全部’