Chương 4 : Bootstrap 5

111. Bootstrap 5 - Typography trong Bootstrap Hướng dẫn chi tiết từ A-Z

Video này hướng dẫn chi tiết về cách sử dụng các thẻ và class liên quan đến Typography trong Bootstrap 5. Trong video, bạn sẽ được học cách hiển thị các tiêu đề (heading) với các thẻ từ ` h1 ` đến ` h6 `, giúp người dùng có thể dễ dàng tạo các phần tiêu đề lớn nhỏ khác nhau cho trang web. Ngoài ra, chúng ta cũng sẽ đi qua cách sử dụng các class như `h1`, `h2`,... để tạo kích thước tiêu đề mà không cần sử dụng trực tiếp thẻ tiêu đề, từ đó giúp bạn linh hoạt hơn trong việc định dạng văn bản. Bên cạnh đó, video cũng hướng dẫn cách sử dụng class `display-*`, giúp bạn có thể tạo các tiêu đề lớn hơn rất nhiều so với các thẻ thông thường, thường được dùng để nhấn mạnh những phần nội dung quan trọng của trang. Tiếp theo, video sẽ hướng dẫn cách sử dụng class `lead` để tạo văn bản dẫn đầu trong đoạn văn, tạo ra sự khác biệt về kích thước và phong cách hiển thị so với các đoạn văn thông thường. Sau khi đã nắm vững cách làm việc với tiêu đề và đoạn văn bản, bạn sẽ được học cách sử dụng các thẻ HTML như ` mark `, ` del `, ` s `, ` ins `, ` u `, ` small `, ` strong `, và ` em `. Các thẻ này giúp định dạng nội dung theo nhiều cách khác nhau, ví dụ như đánh dấu nội dung quan trọng, hiển thị văn bản bị xóa, nội dung thêm mới, văn bản gạch chân, văn bản in đậm hoặc in nghiêng, cũng như cách hiển thị chữ nhỏ hơn thông thường. Ngoài phần văn bản, video còn cung cấp hướng dẫn về cách làm việc với danh sách trong Bootstrap 5. Bạn sẽ học cách tạo danh sách cơ bản với các thẻ ` ul ` và ` li `, danh sách không có dấu chấm tròn (sử dụng class `list-unstyled`), cũng như cách tạo danh sách theo hàng ngang bằng cách sử dụng class `list-inline`. Với sự kết hợp giữa lý thuyết và thực hành trong video này, bạn sẽ nắm vững cách làm việc với các phần văn bản trong Bootstrap 5, từ các tiêu đề cho đến cách định dạng văn bản và danh sách. Điều này sẽ giúp bạn dễ dàng tạo ra các trang web có giao diện rõ ràng, dễ đọc và chuyên nghiệp hơn. Nếu bạn đang tìm kiếm cách cải thiện giao diện văn bản cho trang web của mình bằng Bootstrap, video này sẽ cung cấp cho bạn những kiến thức hữu ích để áp dụng ngay vào dự án.