Menambah Boostrap di Aplikasi Ruby on Rails
Software Engineering Enthusiast | Blogger | Creator of RubyPedia.com
3 Agustus 2018

Pada tutorial kali ini kita akan membahas bagaimana cara menambah Bootstrap kedalam project aplikasi Rails kita.

ada beberapa langkah untuk menginstall Bootstrap diaplikasi kita, diantaranya:

  • Gemfile
  • Menambah CSS file
  • Menambah JavaScript file

Mari kita mulai, pertama kita bisa mengunjungi repository di GitHub. di https://github.com/twbs/bootstrap-rubygem

Installation

Tambahkan bootstrap di Gemfile:

gem 'bootstrap', '~> 4.1.3'

BACA JUGA : Membuat Aplikasi Desktop Dengan Ruby

Setelah itu, silahkan jalankan perintah bundle install, kemudian restart server aplikasimu.

Jika sebelumnya extensi application dengan .css silahkan ganti menjadi .scc, jadi kurang lebih jadi seperti ini app/assets/stylesheets/application.scss

Selanjutnya, import Bootstrap di app/assets/stylesheets/application.scss

// Custom bootstrap variables must be set or imported *before* bootstrap.
@import "bootstrap";

Hapus semua baris kode *= require dan *= require_tree

Setelah itu tambahkan Gem jquery-rails jika kamu menggunakan Rails 5.1+

BACA JUGA : Membuat Pretty URL di Aplikasi Ruby on Rails Menggunakan Gem Friendly

gem 'jquery-rails'

Jalankan bundle install

Setelah proses bundle selesai silahkan tambahkan dependensi Bootstrap di application.js

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

Sekarang coba restart aplikasimu, maka Bootstrap berhasil diinstall.

Blog ini telah dibaca sebanyak 226 kali
Rails Ruby Ruby on Rails Bootstrap Bootstrap4 Gem Bootstrap Rails Gem

Sekilas Tentang Penulis

Fika Ridaul Maulayya
Software Engineering Enthusiast | Blogger | Creator of RubyPedia.com

KOMENTAR

blog comments powered by Disqus