Bootstrap

Bài 1: Bootstrap 5 là gì? Bắt đầu như thế nào?

Bootstrap là gì?

Bootstrap là framework HTML, CSS, JavaScript phổ biến nhất để phát triển một trang web đáp ứng, thân thiện với thiết bị di động. Về cơ bản, nó bao gồm một tập hợp các chuỗi code (teamplate) HTML, JavaScript và CSS có thể tái sử dụng như typography, form, button, table, điều hướng... Bạn chỉ cần nhập những chuỗi này vào code của mình để nhanh chóng tạo ra loạt tính năng cần thiết cho trang web.

Bootstrap hoàn toàn miễn phí để tải và sử dụng. Nhờ bộ sưu tập code được viết sẵn và khả năng tái sử dụng Bootstrap giúp các nhà phát triển tiết kiệm được nhiều thời gian, công sức khi code web.

Nếu bạn bắt đầu học Boostrap thì hãy theo dõi sê-ri hướng dẫn này của Quantrimang nhé, nó sẽ mang đến cho bạn những khái niệm và hướng dẫn cơ bản nhất về Bootstrap.

Bootstrap 5

Bài 6: Bảng trong Bootstrap 5
Chí Vỹ 25/04

Table trong Bootstrap là gì? Cách tạo table trong Bootstrap như thế nào? Hãy cùng Quantrimang.com tìm hiểu nhé!
Bài 4: Typography trong Bootstrap 5
Chí Vỹ 13/01

Căn giữa Bootstrap 5 không khó. Đó là một phần trong Typography. Dưới đây là mọi điều bạn cần biết về Typography trong Bootstrap 5.

Bài 7: Ảnh trong Bootstrap 5
12/12

img-fluid là gì? Nó là một phần của image Bootstrap. Dưới đây là mọi điều bạn cần biết về ảnh trong Bootstrap 5.
Bài 10: Button trong Bootstrap 5
06/12

Btn PHP hay Button Bootstrap 5 là gì? Bài viết sẽ tổng hợp cho bạn các loại button và cách tạo chúng trong Bootstrap như thế nào nhé!
Bài 3: Hệ thống lưới Grid System trong Bootstrap 5
09/11

Col trong Bootstrap chỉ là một phần của hệ thống Grid. Bài viết sẽ cung cấp cho bạn mọi kiến thức cơ bản cần biết về Grid System của CSS.
Bài 5: Màu sắc trong Bootstrap 5
29/09

Màu trong Bootstrap được sử dụng như thế nào? Ở bài viết này, hãy cùng nhau tìm hiểu mọi điều về màu Bootstrap nhé!
Bài 2: Tìm hiểu về Container trong Bootstrap 5
25/09

Container trong Bootstrap có ý nghĩa quan trọng khi lập trình. Dưới đây là mọi điều bạn cần biết về container trong Bootstrap 5.
Giải đáp những câu hỏi về Bootstrap thường gặp
09/01

Bootstrap là phương tiện phát triển web, ứng dụng phổ biến. Nhằm giúp bạn hiểu rõ hơn, Quantrimang.com sẽ tổng hợp và giải đáp những câu hỏi thường gặp về Bootstrap.
Tổng hợp bài tập về Bootstrap 5
04/01

Bạn có thể kiểm tra kỹ năng về Bootstrap 5 qua những bài tập được chia theo từng phần dưới đây. Giải bài tập bằng cách điền vào phần code còn thiếu. Bạn sẽ nhận được 1 điểm cho mỗi câu trả lời đúng.
Bài 12: Badge trong Bootstrap 5
28/12

Badge trong Bootstrap rất cần thiết khi phát triển web và ứng dụng. Ở bài này, hãy cùng Quantrimang.com tìm hiểu cách dùng badge trong Bootstrap như thế nào nhé!
Bài 11: Button Group trong Bootstrap 5
26/12

Btn-group Bootstrap 5 là gì? Cách tạo hay dùng Button trong Bootstrap 5 như thế nào? Hãy cùng Quantrimang.com tìm hiểu nhé!
Bài 9: Alert trong Bootstrap 5
22/12

Alert Bootstrap 5 là gì? Bootstrap 5 alert là một thành phần quan trọng trong phát triển web, ứng dụng. Dưới đây là mọi điều bạn cần biết về Alert trong Bootstrap 5.
Cách dùng Bootstrap với HTML
19/12

Dùng Bootstrap với HTML có thể khá khó với người mới bắt đầu. Thế nhưng, đừng lo, hướng dẫn từng bước dưới đây sẽ giúp bạn biết cách sử dụng Bootstrap với HTML nhanh chóng.
Bài 39: Những kiểu Grid cực nhỏ trong Bootstrap 5
18/12

Ở những bài học Bootstrap 5 trước, chúng ta đã tìm hiểu về những kiểu hệ thống lưới Grid cơ bản. Ở bài này, hãy cùng Download.vn đi sâu hơn vào những kiểu Grid cực nhỏ nhé!
Cách xây dựng màn hình đăng nhập với React và Bootstrap
17/12

Ở bài viết này, hãy cùng Quantrimang.com tìm hiểu cách xây dựng một màn hình đăng nhập đơn giản nhưng đẹp mắt bằng React và Bootstrap 5 nhé!
Cách cài đặt Bootstrap 5 trong React.js
16/12

React-Bootstrap là một triển khai lại hoàn chỉnh các phần tử Bootstrap bằng React. Nó không phụ thuộc vào bootstrap.js hay jQuery. Dưới đây là cách cài đặt Bootstrap 5 trong React.js.
Bài 8: Jumbotron trong Bootstrap 5
15/12

Trong Bootstrap, Jumbotron là một box màu xám chứa văn bản, với mục đích là tăng thêm sự chú ý cho văn bản trong đó. Khi cảm thấy văn bản/thông tin nào thật quan trọng, cần phải làm cho nó xuất hiện thật lớn, thật gây chú ý, bạn chỉ cần viết nó trong Jumbotron.
Cách thêm Bootstrap vào một ứng dụng Angular
15/12

Angular là một nền tảng phát triển web tuyệt vời. Đặc biệt, khi thêm framework Bootstrap CSS vào Angular, các phần tử giao diện sẽ phong phú và sinh động hơn.
Cách tùy biến Bootstrap với Sass
15/12

Bootstrap là một framework CSS tuyệt vời, có thể giúp bạn tạo web thời thượng và bóng bẩy. Một số lập trình viên và đội ngũ phát triển thấy rằng viết code trong Bootstrap dễ chỉnh sửa hơn CSS thông thường.