как реализовать bootstrap 4 и рельсы 5

Question

Я новичок в ruby, и я пытаюсь включить bootstrap 4.0.0.alpha4 в rails 5.0.0. Я установил бутстрап самоцветов, bootstrap-sass, autoprefixer-rails, и я даже использовал «bootstrap» @import в application.css.sass, но все же я не получаю загрузку на странице. У меня есть кнопка на представление, где я пытаюсь реализовать проект начальной загрузки. Я даже пробовал его в разных проектах, ни одна из них не работает. Любая помощь будет оценена по достоинству. Благодарю.
Коды указаны ниже. 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 <%= 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] 

Answer 1

для официального справочного кода для включения Bootstrap в Rails, увидеть скелет test/dummy_rails проекта в официальном bootstrap-rubygem проекта. Этот проект используется в тестах интеграции, поэтому вы знаете, что он будет работать с последней версией самоцвета Bootstrap и любой версии Ruby/Rails в тестовой матрице проекта.

Убедитесь, что эти строки кода (или эквивалент), которые были добавлены к вашему проекту Rails:

• //= require bootstrap-sprockets в app/assets/javascripts/application.js
• @import bootstrap в app/assets/stylesheets/application.sass
• config.assets.precompile += %w(application.css application.js) в config/application.rb
• перспективе rake assets:precompile

Если у вас по-прежнему возникают проблемы, отправьте полный исходный код в приложение Rails или достаточно, чтобы он служил в качестве Minimal, Complete and Verifiable Example, который создает вашу проблему. Всегда есть возможность, что что-то, что вы изменили локально, о котором вы не думали, но на самом деле важный.

Answer 2

Вы можете загрузить файл начальной загрузки по адресу https://v4-alpha.getbootstrap.com/, а затем скопировать и вставить их в свой файл активов (поставщика), а затем импортировать его в свое приложение, вызвав его в application.js и application.css или назовите его как вы называете ваши другие js и css-файлы. Таким образом, вы можете использовать boostrap.

Answer 3

Great 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 'application', media: 'all'