技術

【Rails5.2】bootstrap4を追加する

投稿日:

こんにちは

今回はRails5にbootstrap4を追加したいと思います。

使うgemはこれ
↓
bootstrap-rubygem

1.Gemfileにbootstrapを追加
gem 'bootstrap', '~> 4.1.3'

2.application.cssをaplication.scssに変更してbootstrapをimportする。
@import "bootstrap";

3.application.scssにかかれている、= requireと=require_treeを削除する。

4.Gemfileにjquery-railsを追加
gem 'jquery-rails'

5.application.jsに以下を追加

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

導入は以上なのですが、ページを開くとAutoprefixer doesn’t support Node v4.8.2.というエラーが出るときがあります。
その時は下記のGemを追加してください。
gem 'mini_racer'

私の場合はこれで解決しました。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

関連記事

no image

RailsとAngularの省略できるコマンドいくつか

こんにちはコーテッグのこやまです。 私はTypoが多い方なので、コマンドは短い方 …

Ionicアプリのアイコンやスプラッシュ画像を変更したい!

こんにちは。田中です。 現在Ionicを使ったアプリ開発に携わっているのですが、 …

github500

[GitHub] 突然プッシュできなくなったときの確認事項

こんにちは。佐藤です 今回はGitHubに突然プッシュできなくなったときの確認事 …

no image

[Angular]リアクティブフォームでバリデーション名を動的に出し分ける。

Angularのリアクティブフォームのカスタムバリデーションで、動的にエラー名を …

no image

【Grunt】楽々デプロイ(grunt-rsync)

どうも、中田です。 gruntでアプリをデプロイするときにどうやったらいいかぁ〜 …