Bootstrap with Rails 5

Question

我正在嘗試將Bootstrap添加到我的新Rails 5應用程序中。我跟着instructions here無濟於事。該頁面不加載引導樣式。任何想法我做錯了什麼？謝謝！

application.scss文件：

@import "bootstrap"; 

的Gemfile：

source 'https://rubygems.org' 


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 
gem 'rails', '~> 5.0.0' 
# Use sqlite3 as the database for Active Record 
gem 'pg' 
# Use Puma as the app server 
gem 'puma', '~> 3.0' 
# 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 

gem 'haml-rails' 
gem 'bootstrap', '~> 4.0.0.alpha3' 
gem 'sprockets-rails', :require => 'sprockets/railtie' 

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] 

的application.js文件：

//= require jquery 
//= require bootstrap-sprockets 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

index.html.erb文件： 鏈接

<button class="btn btn-primary" type="submit">Button</button> 
<input class="btn btn-primary" type="button" value="Input"> 
<input class="btn btn-primary" type="submit" value="Submit"> 
<input class="btn btn-primary" type="reset" value="Reset"> 

Answer 1

這是一個愚蠢的錯誤。我的控制器是：

class HomeController < ActionController::Base 
    def index 
    end 
end 

代替：

class HomeController < ApplicationController 
    def index 
    end 
end