### 1) Ejecutar el siguiente comando **bash** ```bash bin/importmap pin bootstrap --download ``` **cmd** ```cmd ruby bin/importmap pin bootstrap --download ``` --- ### 2) Modificar las siguiente lineas En **config/importmap.rb**: **Remplazar** ```ruby=8 pin "bootstrap" # @5.version pin "@popperjs/core", to "@popper--core.js" # @2.version ``` **Por** ```ruby=8 pin "bootstrap", to: "bootstrap.min.js", preload: true pin "popperjs", to: "popper.js", preload: true ``` --- ### 3) Modificar las siguiente linea en **config/initializers/assets.rb** **Descomentar y remplazar** ```ruby=12 Rails.application.config.assets.precompile += %w( admin.js admin.css ) ``` **Por** ```ruby=12 Rails.application.config.assets.precompile += %w( bootstrap.min.css popper.js ) ``` ### 4) Añadir las siguientes líneas en el archivo **app/javascript/application.js** ```js=4 import "popperjs" // primero debe ir popper import "bootstrap" ``` --- ### 5) Añadir las siguientes líneas en el archivo **app/assets/config/manifest.js** ```js=5 //= link popper.js //= link bootstrap.min.js ``` --- ## LA PARTE DE BOOTSTRAP CSS ### 6) Añadir la gema oficial de bootstrap: ```bash bundle add bootstrap ``` ### 7) Modificar la extensión del archivo archivo: **Remplazar:** ***app/assets/stylesheets/application.css*** **Por** ***app/assets/stylesheets/application.scss*** ### 8) Agregar lo siguiente en el archivo modificado: ```scss=1 @import "bootstrap"; ```