bootstrap 4

Button group trong Bootstrap 4

Chào các bạn, hôm nay chúng ta cùng đến với bài học mới, trong bài học này, chúng ta sẽ học liên quan đến button group, để có thể hiểu được phần này, bạn nền tìm hiểu thêm về button trong bootstrap 4 mà mình giới thiệu trong bài học trước. Sau đây, chúng ta sẽ đến với bài học ngày hôm nay.

Posted by Admin
2020-06-26 10:49:40

List Group trong Bootstrap 4

Chào các bạn, trong bài học này, chúng ta cùng đến với các class list-group của bootstrap 4. Đây là nhóm class hỗ trợ xây dựng list danh sách nhanh, gọn, dễ sử dụng và không cần sử dụng đến ul li bạn vẫn có thể xây dựng lên một list danh sách. Bây giờ thì chúng ta cùng đến với bài học nhé.

Posted by Admin
2020-06-25 13:39:44

Alert và Button trong Bootstrap 4

Trong bài học này, chúng ta sẽ đi tiếp với các class để tạo alert và button. Các class này cũng được sử dụng rất nhiều trong thực tế, mời các bạn cùng nghiên cứu trong bài viết này.

Posted by Admin
2020-06-25 11:22:30

Form trong Bootstrap 4

Trong quá trình làm việc, chắc chắn các bạn sẽ phải làm việc liên tục với các loại form để nhập dữ liệu từ phía người dùng cuối. Chính vì thế, các class dùng để xây dựng form được cung cấp trong bootstrap 4 vô cùng quan trọng, giúp bạn có thể xây dựng các form dữ liệu vừa đẹp vừa đơn giản. Trong bài học này, chúng ta hãy cùng nhau đi nghiên cứu về chủ đề này nhé.

Posted by Admin
2020-06-25 10:54:56

Badges trong Bootstrap 4

Chào các bạn, trong bài viết này chúng ta sẽ cùng nhau nghiên cứu các class badges trong bootstrap 4. Đây là một class có nhiều ứng dụng, trong đó tập trung vào tạo các thành phần cần nổi bật trên văn bản HTML. Ví dụ: notification number, review icon, highlight trạng thái, highlight bài viết mới / cũ

Posted by Admin
2020-06-23 21:13:48

Progress Bar trong Bootstrap 4

Chào các bạn, trong thực tế, các tác vụ upload hoặc cần người dùng chờ để xử lý trong thời gian dài, các bạn sẽ cần có một thanh tiến trình (progress bar). Trong bài học này, chúng ta cùng nghiên cứu các class để làm các thanh tiến trình trong Bootstrap 4. Lưu ý IE9 không support thanh tiến trình và Opera12 sẽ không support 1 số chức năng của thanh tiến trình.

Posted by Admin
2020-06-23 16:20:55

Phân trang (pagination) bằng bootstrap 4

Phân trang (Pagination) là thành phần không thể thiếu mỗi khi làm việc với dữ liệu số lượng lớn và cần phải giới hạn khi hiển thị ra ngoài. Ở phía ngoài frontend, thường chúng ta sẽ tốn một chút thời gian để làm giao diện cho phân trang. Tuy nhiên thì bootstrap 4 đã đơn giản hóa công việc này đi rất nhiều. Mời các bạn cùng mình theo dõi bài học này nhé.

Posted by Admin
2020-06-23 15:37:17

Jumbotron trong Bootstrap 4

Jumbotron là class dùng để tạo ra 1 background màu xám, bọc các nội dung ở bên trong. Nó thường được dùng để mô tả thông tin quan trọng như là khuyến mãi, giới thiệu sản phẩm mới hoặc bật kì cái gì bạn muốn.

Posted by Admin
2020-06-19 16:03:58

Hình ảnh (Image) trong Bootstrap 4

Trong bài này, chúng ta lại tiếp tục đến với nội dung liên quan đến chỉnh sửa, tạo hình ảnh bằng class trong bootstrap 4.

Posted by Admin
2020-06-12 11:35:30

Màu sắc (color) trong Bootstrap 4

Chắc chắn trang trí màu sắc trong văn bản là một phần không thể thiếu và vô cùng quan trọng để làm cho website của bạn trở nên đặc sắc và hấp dẫn. Trong bài này, chúng ta sẽ cùng đi qua các class được cung cấp sẵn bởi bootstrap 4 hỗ trợ việc chỉnh sửa màu sắc cho văn bản trong trang web của bạn nhé.

Posted by Admin
2020-06-12 06:14:26

Văn bản (Text/Typography) trong Boostrap 4

Trong bài trước chúng ta đã học về Grid system của Bootstrap, trong bài này, chúng ta cùng đến tiếp với văn bản (text, typography) trong bootstrap 4

Posted by Admin
2020-06-11 16:34:56

Grid System trong Bootstrap 4

Trong bài này, chúng ta cùng nghiên cứu một khái niệm mới có tên là Grid System trong Bootstrap. Hệ thống Grid có lẽ là khái niệm quan trọng, nền tảng nhất để các bạn có thể hiểu được cách thức xây dựng bố cục website trong Bootstrap.

Lưu ý: Học Bootstrap là học cách sử dụng các class một cách hợp lý và hiệu quả vì thế chúng ta sẽ học các class của bootstrap và hiểu cách ứng dụng nó với mục đích là xây dựng website với ít custom css code nhất có thể.

Posted by Admin
2020-06-11 15:32:28

Cách sử dụng bootstrap 4

Trong bài trước, các bạn đã hiểu về Bootstrap là gì và tổng quan về Bootstrap 4, trong bài này, chúng ta lại tiếp tục học cách sử dụng bootstrap trong dự án web của chúng ta nhé.

Posted by Admin
2020-06-11 14:13:34

Bootstrap là gì? Tổng quan về Bootstrap 4

Bootstrap được phát triển bởi Mark Otto và Jacob Thornton tại Twitter. Nó được xuất bản như là một mã nguồn mở vào tháng 8 năm 2011 trên GitHub. Tính ra đến thời điểm mình viết bài viết này nó cũng đã phát triển được 7 năm rồi. Bản bootstrap mới nhất bây giờ là bootstrap 4.

Posted by Admin
2020-06-11 13:27:57

Học bootstrap 4

Xin chào các bạn, chúng ta sẽ tiếp tục đến với kiến thức về Bootstrap 4 sau các series cơ bản về CSS HTML Javascript và PHP. Đây là một CSS framework hỗ trợ dựng/cắt giao diện website responsive nhanh chóng và tiện lợi.

Posted by Admin
2020-06-11 13:17:04

Tag: bootstrap 4