質問編集履歴

3 application.js追加

NaoTsukamoto

NaoTsukamoto score 9

2016/12/14 13:58  投稿

bootstrapが反映されない
## railsにおいてbootstrapをimportしているにもかかわらず、、
表題の通り、bootstrapのテンプレが反映されません。
application.scss
```sass
@import "bootstrap-sprockets";
@import "bootstrap";
@import "top";
@import "users_index.css.scss";
```
application.js  
```js  
//= require jquery  
//= require jquery_ujs  
//= require bootstrap-sprockets  
//= require turbolinks  
//= require_tree .  
```  
assets.rb
```ruby
Rails.application.config.assets.precompile += %w( *.css, *.scss )
```
index.html.erb
```html
<%= stylesheet_link_tag "users_index.css.scss", :media => "all" %>
```
bundle install
```
Using rails 5.0.0.1
Using sass-rails 5.0.6
Using bootstrap-sass 3.3.7
```
です。
###開発環境
Mac OS X
vagrant/ubuntu
rails 5.0.0.1
sass-rails 5.0.6
です。ご教示お願いします。。
  • Ruby on Rails

    11913 questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

  • Sass

    509 questions

    Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

  • Bootstrap

    1715 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

2 bundle 追加

NaoTsukamoto

NaoTsukamoto score 9

2016/12/14 13:09  投稿

bootstrapが反映されない
## railsにおいてbootstrapをimportしているにもかかわらず、、
表題の通り、bootstrapのテンプレが反映されません。
application.scss
```sass
@import "bootstrap-sprockets";
@import "bootstrap";
@import "top";
@import "users_index.css.scss";
```
assets.rb
```ruby
Rails.application.config.assets.precompile += %w( *.css, *.scss )
```
index.html.erb
```html
<%= stylesheet_link_tag "users_index.css.scss", :media => "all" %>
```
Gemfile
bundle install
```
gem 'sass-rails', '~> 5.0'
gem 'bootstrap-sass', '~> 3.3.6'
Using rails 5.0.0.1
Using sass-rails 5.0.6
Using bootstrap-sass 3.3.7
```
です。
###開発環境
Mac OS X
vagrant/ubuntu
rails 5.0.0.1
sass-rails 5.0.6
です。ご教示お願いします。。
  • Ruby on Rails

    11913 questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

  • Sass

    509 questions

    Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

  • Bootstrap

    1715 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

1 タグの追加

NaoTsukamoto

NaoTsukamoto score 9

2016/12/14 13:05  投稿

bootstrapが反映されない
## railsにおいてbootstrapをimportしているにもかかわらず、、
表題の通り、bootstrapのテンプレが反映されません。
application.scss
```sass
@import "bootstrap-sprockets";
@import "bootstrap";
@import "top";
@import "users_index.css.scss";
```
assets.rb
```ruby
Rails.application.config.assets.precompile += %w( *.css, *.scss )
```
index.html.erb
```html
<%= stylesheet_link_tag "users_index.css.scss", :media => "all" %>
```
Gemfile
```
gem 'sass-rails', '~> 5.0'
gem 'bootstrap-sass', '~> 3.3.6'
```
です。
###開発環境
Mac OS X
vagrant/ubuntu
rails 5.0.0.1
sass-rails 5.0.6
です。ご教示お願いします。。
  • Sass

    509 questions

    Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

  • Bootstrap

    1715 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

  • Ruby on Rails

    11913 questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る