Tin Tức

Navs menu trong Bootstrap 4

Navs menu trong Bootstrap 4

Chào các bạn, khi thiết kế website, bạn sẽ cần phải làm các menu điều hướng để hỗ trợ người dùng di chuyển dễ dàng giữa các page. Navs trong bootstrap 4 hỗ trợ rất tốt công việc này. Trong bài học này, chúng tay cùng nhau tìm hiểu những cách sử dụng khác nhau của Navs nhé.  Xem thêm...

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

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...

Bảng (Table) trong Bootstrap 4

Bảng (Table) trong Bootstrap 4

Bảng biểu (Table) là một phần vô cùng quan trọng trong bất kì Website nào. Hầu như không có website nào không sử dụng đến chúng vì thế, trong bài này, chúng ta hãy cùng nhau tìm hiểu hệ thống Table class trong Bootstrap 4  Xem thêm...

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

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

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

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

Grid System trong Bootstrap 4

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ể.

Xem thêm...

Cách sử dụng bootstrap 4

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