Hướng dẫn cài đặt Bootstrap 4 cho Laravel 5.5

Để cài đặt Bootstrap 4 cho Laravel. Bạn cần đảm bảo phiên bản Laravel của bạn trên 5.5, nếu chưa bạn có thể xem Hướng dẫn nâng cấp phiên bản Laravel từ 5.4 sang 5.5 này.

Bài viết này sẽ hướng dẫn các bạn cài đặt Bootstrap 4 cho Laravel 5.5.

Các bước thực hiện cài đặt Bootstrap 4 cho Laravel

Để dùng Bootstrap 4 (BS4), framework làm giao diện phổ biến nhất hiện nay, bạn cần thực hiện những bước sau:

  1. Chạy lệnh npm install bootstrap để cài đặt/ ghi đè bản Bootstrap mới nhất.
  2. Đổi require(‘bootstrap-sass’)  thành require(‘bootstrap’)  trong file resoures/assets/js/bootstrap.js 
  3. Đổi @import “~bootstrap-sass/assets/stylesheets/bootstrap”; thành @import”~bootstrap/scss/bootstrap”; trong file resoures/assets/sass/app.scss. Việc này đảm bảo các project của bạn sẽ không có những file bootstrap thừa.
  4. Chạy npm run dev tại cmd để tại ra file .css và .js của bạn

Chú ý:

Một số layout, templates của bạn sẽ bị vỡ do một số class names mới trong Bootstrap 4.

Nếu vẫn xảy ra lỗi khi cài đặt bootstrap, hãy chú ý đến việc cập nhật popper bằng lệnh:

Kết

Bài Hướng dẫn cài đặt Bootstrap 4 cho Laravel 5.5 đến đây kết thúc. Nếu có thắc mắc hay lỗi xảy ra, hãy comment ngay bên dưới để trao đổi với mình.

Leave a Reply

avatar
  Subscribe  
Notify of
%d bloggers like this: