1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

RailsアプリにBottstrap5を入れる

Last updated at Posted at 2023-04-07

目的

今日は社会人初の華金です。
土日のために何か準備的なものをしようと思いました。
そういえば、Bootstrap入れてなかったと思ったので入れます。

今回やること

今回の目標は以下の2つ。

  1. Bootstrap5を入れる
  2. 動作確認

環境

  • windows 10
  • Ruby 3.0.4
  • Rails 6

いざ出陣

Bootstrap5のインストール

Bundlerを使って、インストールできるそうです。
Bundlerがあんまり分かんないけど。

gemfileに以下を入力します。

gemfile
gem 'bootstrap', '~> 5.0.2'

※これ、コードブロックでgemfileのハイライトは「sh」を指定するんだね。、

デフォルトでgemfileに入っている bootsnapbootstrap に見えて勘違いして、1時間ぐらい悩んでました。ははw

次は app > assets > stylesheets > application.css を application.scss に変更して、以下を追記します。

app\assets\stylesheets\application.scss
@import "bootstrap";

終わったら、コマンドプロンプトでアプリの階層に行ってインストール!

cmd
bundle install

これで終わりのはず...

動作確認

この辺のコードを入れてみて実行!
いけました。

余談

1回困りながらやって、こうやって手順書いてみたらびっくりするくらい簡単よね。
これに2時間くらいかけてるけど。
もうまとめたんで、そうはならない!と思う

次は左上に出てくる時間みたいなやつ消そうか。
image.png
これも1回やった記憶あるけど覚えてません。以上。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?