Untuk anda yang ingin menghemat waktu dan biaya dengan menggunakan framework CSS Bootstrap untuk layout desain dari aplikasi Rails anda. Anda dapat mengikuti langkah berikut untuk melakukan installasinya. Instalasi dilakukan menggunakan Bootstrap-Sass. Sassy CSS sendiri merupakan preprocessor yang digunakan untuk memudahkan anda dalam menggunakan sintaks-sintaks khusus dalam file CSS anda seperti menggunakan nesting dan penamaan.
- Pertama masuk ke dalam gemfile aplikasi anda dan tambahkan gem bootstrap-sass
- Jalankan command bundle install pada Terminal untuk memastikan gem yang baru anda tambahkan terinstall ke dalam aplikasi anda
- Masuk ke file application.css di dalam folder app/assets/stylesheets/, kemudian tambahkan ekstensi .scss untuk dapat menggunakan SASS. Tambahkan 2 line kode berikut untuk mengimport Bootstrap dalam file CSS anda
- Hal yang paling terakhir adalah menambahkan Javascript Bootstrap ke dalam file application.js dalam folder app/assets/javascripts/. Pastikan urutan kode anda sesuai dengan urutan dibawah ini
- Setelah semua proses selesai anda dapat menggunakan semua framework CSS Bootstrap mulai dari grid sistem, tipografy, form, table, berbagai tampilan yang membutuhkan javascript seperti modal, carousel, dan yang lainnya. Semua dapat anda langsung lihat di dokumentasi website Bootstrap. Happy CSSing!
Tidak ada komentar:
Posting Komentar