Bootstrapをrails6で導入・活用したい

前提・実現したいこと

Bootstrapをrails6で導入し、タスク管理アプリを作成したいと考えています。
下記「試したこと」を実践しましたが、エラーメッセージとなりますので、
解消方法をご教授頂けないでしょうか。

発生している問題・エラーメッセージ

Sass::SyntaxError in Top#index

試したこと

「rails6 Bootstrap導入」等で検索し以下を参照しましたが、再現できず。

https://qiita.com/vogel_env/items/14fab52a1c8ef8baa956
を参考に、gem 'bootstrap', '~> 4.1.1'でやり直しました。
qiita.にはapp>assets>javascript>application.jsと指示ありますが、ディレクトリの配置が異なり、自分のエディタでは
app>javascript>packs>application.jsに記載しました。
index.htmlまで記載後にエラーとなりました。

以下も参照しましたが、指示通りのディレクトリが存在しなかったり、コードの記述箇所が不明瞭だったりします。
https://qiita.com/junun/items/932a4218afc84d41a34a
https://medium-company.com/rails-bootstrap/

公式のhttps://getbootstrap.jp/よりjsファイル等をダウンロードしましたが、
ruby,ruby on railsで活用できるのか？分かりませんでした。

補足情報（FW/ツールのバージョンなど）

OS：Mac
ruby -v ruby 2.6.5p114
rails -v Rails 6.0.3.4
今回導入したgem
gem 'bootstrap', '~> 5.0.0.alpha1'
gem 'jquery-rails'

m.ts10806

2020/10/10 09:19

結局６でしたいのか５でしたいのか分かりません。

m.ts10806

2020/10/10 09:20

ひとまずBootstrapはまだ試用版の５より安定板の４のほうが良いかとは思いますが。

ami09

2020/10/10 09:23

失礼しました。rails6です。 Bootstrap4の方が良い旨、承知しました

m.ts10806

2020/10/10 09:27

質問本文に追記願います。

m.ts10806

2020/10/10 09:28

あと一応、提示のエラーがどの段階で出たのか記載いただけますか？

m.ts10806

2020/10/10 09:29

もう１点、静的css、jsの適用の仕方は知っていますか？それを知っていれば、ダウンロード版を使うのも同じです。簡単に済ますならCDNという手もあります。

ami09

2020/10/10 10:16

早速ご回答いただき、ありがとうございます。 https://qiita.com/vogel_env/items/14fab52a1c8ef8baa956 を参考に、gem 'bootstrap', '~> 4.1.1'でやり直しました。 qiita.にはapp>assets>javascript>application.jsと指示ありますが、ディレクトリの配置が異なり、自分のエディタでは app>javascript>packs>application.jsに記載しました。 index.htmlまで記載後にエラーとなりました。

ami09

2020/10/10 10:17

静的css、jsの適用は分かりませんでしたので、検索してみます。

ami09

2020/10/10 10:18

最初に投稿した質問文、アップデートいたします。