Hobby

Bootstrap 4 Có Gì Mới? Nó Khác Bootstrap 3 Thế Nào?
Nếu bạn đang có đam mê hoặc đã là một lập trình viên thì chắc chắn bạn cũng đã biết đến Bootstrap. Đây là một phần mềm giúp cho việc xây dựng website được đẹp, nhanh mà vẫn đảm bảo responsive. Và vào 19/8 vừa rồi, trên trang chủ chính thức Getbootstrap cũng đã thông báo ra mắt phiên bản mới Bootstrap 4. Vậy phiên bản mới này có gì hấp dẫn? Nó khác gì so với Bootstrap 3. Hãy cùng tìm hiểu nhé!

🔸🔸 Tham khảo thêm: https://aptech.fpt.edu.vn/bootstrap.html

Điểm nổi bật của version Bootstrap 4 là gì?
Với bất cứ sản phẩm gì ra đời sau đều sẽ có ưu điểm vượt trội hơn. Bootstrap 4 cũng không ngoại lệ. Sau đây là những ưu điểm của Bootstrap 4.

Chuyển đổi từ “Less” thành “Sass”
Đến với phiên bản 4, thì Bootstrap dùng “Sass”. Đây là một công cụ giúp cho việc tạo thành website nhanh, mạnh hơn. Đặc biệt nhất là công cụ này có cộng đồng phát triển lớn mạnh.

Cải tiến “Grid”
Bootstrap 4 đã cải tiến “Grid” dựa trên “rems”. Việc sử dụng công cụ này cũng tương tự như các version trước về mặt Syntax.

Support Opt-in flexbox
Dùng “Flexbox" ở version 4 trở nên đơn giản hơn bao giờ hết. Developer thay đổi 1 chút thôi trong file `_variables.scss` là bạn đã có một kết quả tốt.

Sự xuất hiện của “card"
“Card” xuất hiện nhằm mục đích thay thế `thumbnails`, `wells`, `panels` mà bạn đã sử dụng trước đây.

Không còn hỗ trợ IE8
Như bạn đã biết, IE8 đã lỗi thời và có rất nhiều lỗi. Cũng như là công nghệ hạn chế hơn. Vì thế Bootstrap 4 đã loại bỏ và tận dụng CSS một cách tối ưu. Phiên bản 4 cũng không còn quan tâm đến trick hack CSS nữa.

🔸🔸 Chi tiết: https://vhearts.net/post/252111

Bootstrap 3 và 4 khác nhau điều gì?
Nói chung, Bootstrap 3 và 4 sẽ có nhiều điều cơ bản là tương tự nhau. Tuy nhiên, ở version 4 thì lại có những phương thức và chức năng khác nữa. Sau đây là những điều đáng chú ý nhất:

Mã nguồn CSS
Sự thay đổi lớn nhất trong cả 2 version này chính là tệp nguồn CSS. Bootstrap 3 thì dùng LESS, Bootstrap 4 thì dùng SCSS. Trong đó, SCSS lại mạnh hơn LESS. Vì vậy, bạn cũng hiểu được tại sao phiên bản 4 lại mạnh hơn phiên bản 3.

Grid
Trong Bootstrap 4 có hệ thống 5 lưới và hệ thống XL cũng được mới cập nhật. Còn Bootstrap 3 thì chỉ có 4 lưới.

Hình ảnh
Ở phiên bản 4 thì bạn sẽ thấy lớp tên “.img-responsive” đã được thay đổi thành “.img-thumbnail”, “.img-fluid”.

Dropdown Structure
Dropdown Structure đã thay đổi ở phiên bản thứ 4 này. Ở version 3 thì trình đơn thả xuống bằng thẻ <li> và <ul>. Ở bản 4 thì lại được đổi thành <div> và <ul>.

Tables
Ở bảng 3 thì bạn phải dùng thêm lớp .table-responsive ở bản cha <div>. Còn ở bản 4 thì bạn phải thêm lớp này vào thẻ <table>.

Trên đây là những điểm nổi bật của Bootstrap 4 mà FPT Aptech muốn giới thiệu đến bạn. Hy vọng rằng những thông tin này sẽ hữu ích cho những ai vẫn còn đang thắc mắc và muốn cập nhật kiến thức cho mình.

🔸🔸 Tham khảo: https://morioh.com/p/a31306dc9e80