rails5にbootstrap4が適用されない

環境:
rails 5.2.0
bootstrap '~> 4.1.1'
jquery-rails (4.3.3)

今までvendor/assets以下にbootstrap公式からDLしてきたファイルを置いて、bootstrapもどきのような形でbootsrtrapを使用していたのですが、gemを用いてbootstrapを使用したかったため、方法を書いているサイトを見つつ行ってみたのですがどうもうまくいきません。
参考にしたサイト：サイト１、サイト２

まず行ったことは

gem 'bootstrap', '~> 4.1.1'
gem 'jquery-ui-rails'
gem 'jquery-rails'

をbundle intsallし、application.jsに以下のような必須事項を追記しました

/*application.js*/

////= require jquery3
//= require popper
//= require bootstrap-sprockets

その後、app/assets/stylesheets/application.cssファイルをscssに変更する必要があるため、application.cssをapplication.scssに名前を変更しました。
そして最後にこのapplication.scssに書いてある*= require_tree . *= require_selfを含めた全てを削除し、
@import "bootstrap";のみを追記しました。
参考にしたサイトによるとこれでbootstrap4の導入は完了するようです。
また念の為、vebdor/assets/javascript/bootstrap.jsの中身とvebdor/assets/javascript/bootstrap.cssの中身は全て削除し、
動作確認の為、共通レイアウトのapplication.html.erbにbootstrap公式のデモサイトのソースを表示しbody以下をコピーしてきて貼り付けてみてrails sしてみたのですが、、、
参考：（レイアウトをまねしたいサイト）

のように特にスタイルに変化がない状態です。なぜこのようなことが起きているでしょうか。。。。

<head>内に何かリンクタグのようなのを埋め込む必要性や、gem 'sass-rails'が邪魔してるなど。。。勿論様々な要因があると思いますので、有り得そうなミスやエラーを教えて頂くとありがたいです。宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

このapplication.scssに書いてある*= require_tree . *= require_selfを含めた全てを削除し

Sassファイルの場合の手順です。質問者さんの場合はscssファイルのようですが...？

投稿2018/11/08 00:13

退会済みユーザー

総合スコア0

widget11

2018/11/08 01:50

ご回答ありがとうございます。確かにリンクの"サイト１"をよく見てみると注意点という見出しに”- Sassファイルでは*= require、*= require_treeを削除する”と書いてありますね。。。しかしhttps://twinbird-htn.hatenablog.com/entry/2018/05/11/193520　等他のリファレンスサイトをを見てみるとapplication.scssというscssファイルに対しても同様の操作を行っているように見えるのですが、、、結論*= require、*= require_tree、*= require bootstrapはscssを使う場合は削除しなくてよいということなのですかね？

退会済みユーザー

2018/11/08 02:05 編集

そこのサイトの場合は代わりに"bootstrap-sprockets"をインポートしているのでそれが代わりをなしてるんじゃないですかね？予想ですが...。だたそのサイトさんが参考にしている公式というのがbootstrap-sassのページでしかもBootstrap3の内容なのでよく分からないですね。僕が導入した時は特に何か消すことはなく @import "bootstrap"; を追加しただけでしたが。

行動規範の内容に同意します