Создаем (если не создан) новый rails-app:

rails new Your_App_Name

и сразу далее:

yarn add bootstrap jquery popper.js
rails webpacker:install

Приведем config/webpack/environment.js к следующему:

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.append(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    Popper: ['popper.js', 'default']
  })
)

module.exports = environment

также отредактируем app/javascript/packs/application.js:

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("bootstrap");

var jQuery = require("jquery");
// import jQuery from "jquery";
global.$ = global.jQuery = jQuery;
window.$ = window.jQuery = jQuery;

Осталось переименовать app/assets/stylesheets/application.css в app/assets/stylesheets/application.scss, добавив:

@import "bootstrap/scss/bootstrap";

Что дальше? - я вас разочарую, это все. :)