Tạo môi trường Bootstrap nhanh cho trang web Ruby on Rails
Rails
31
RubyOnRails
40
Male avatar

Yuto Yasunaga viết ngày 26/05/2015

Trang web demo

Bài viết này mình sẽ hướng dẫn các bạn tạo nhanh môi trường Bootstrap cho trang web Ruby on Rails.

Gemfile

gem 'bootstrap-sass'

group :development do
  gem 'bootstrap-generators'
  gem 'rails_layout'
end

Dùng gem rails_layout để tạo giao diện bootstrap cho trang web.

Dùng gem bootstrap-generators để tạo giao diện bootstrap khi ta dùng scaffold.

Cài đặt giao diện bootstrap cho scaffold:

rails g bootstrap:install -f

Cài đặt giao diện bootstrap cho trang web:

rails g layout:install bootstrap3 -f

Nếu chương trình có dùng Devise thì cũng có thể tạo views giao diện bootstrap cho Devise:
rails g layout:devise bootstrap3

Lưu ý là -f (force) sẽ ghi đè lên file application.html.erb, nếu trang web của bạn dùng template engine là slim thì sẽ tự động tạo ra các file đuôi *.html.slim.

Như vậy là việc cài đặt đã hoàn tất, nếu bạn nào thường dùng scaffold thì từ bây giờ scaffold được tạo sẽ tự động có giao diện bootstrap như trong hình:

alt text

Đối với các chương trình bình thường thì có lẽ ít dùng đến phương pháp này, nhưng đối với các trang web tạo ra với mục đích test chẳng hạn, thì việc sử dụng các gem trên để tạo giao diện bootstrap tự động cũng sẽ tiết kiệm được phần nào thời gian và công sức.

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

Male avatar

Yuto Yasunaga

4 bài viết.
1 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
Male avatar
5 0
(Link) Thông thường, Rails sẽ mặc định tạo url cho các record theo dạng id, cụ thể là /articles/1, /articles/1/edit. Trong bài viết này mình sẽ cù...
Yuto Yasunaga viết 3 năm trước
5 0
Male avatar
2 0
Trong bài này mình sẽ hướng dẫn các bạn cài đặt Ruby và Rails trên Mac OS (Ảnh) Cài đặt Homebrew Đầu tiên chúng ta cần phải cài đặt Homebrew. H...
Yuto Yasunaga viết 3 năm trước
2 0
Male avatar
1 4
Thông thường khi mới làm quen với Rails thì chúng ta vẫn dùng template engine mặc định là .html.erb để viết. Hôm nay mình giới thiệu cho những bạn ...
Yuto Yasunaga viết 3 năm trước
1 4
Bài viết liên quan
White
21 3
Giao diện lập trình ứng dụng, còn gọi là API (Application Programming Interface) là chương trình cho phép người dùng sử dụng các phương thức của mộ...
chuong2v viết gần 3 năm trước
21 3
White
0 0
Performance regression in ActiveRecord model instance creation in Rails 4.1.x When you guys met the performance issue in Rails 4.1.x. And after be...
Luu Nguyen viết gần 2 năm trước
0 0
White
58 31
Mở đầu Tsu.co là gì? Gần đây mình mới biết đến 1 mạng xã hội mới có tên là Tsu.co nhờ thông qua mấy bài báo trên mạng về việc "Facebook đã ra tay ...
Long Nguyen viết hơn 2 năm trước
58 31
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


Male avatar
{{userFollowed ? 'Following' : 'Follow'}}
4 bài viết.
1 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!