Học Bootstrap 4

 Trang Chủ / Tin tức / Học Bootstrap 4 trang 3
List Group trong Bootstrap 4

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é. Xem thêm...

Alert và Button trong Bootstrap 4

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. Xem thêm...

Form trong Bootstrap 4

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é. Xem thêm...

Badges trong Bootstrap 4

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ũ Xem thêm...

Progress Bar trong Bootstrap 4

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. Xem thêm...

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

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é. Xem thêm...

Jumbotron trong Bootstrap 4

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. Xem thêm...

Hình ảnh (Image) trong Bootstrap 4

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.  Xem thêm...