2016-07-29 19 views
0

新しいRails 5アプリケーションにブートストラップを追加しようとしています。私はinstructions hereには役に立たなかった。ページがブートストラップスタイリングをロードしていません。どのようなアイデアを私は間違って何ですか?ありがとう!Bootstrap with Rails 5

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"> 

答えて

2

これは間違いだった。私のコントローラは:

class HomeController < ActionController::Base 
    def index 
    end 
end 

の代わり:

class HomeController < ApplicationController 
    def index 
    end 
end 
関連する問題