Chương 4 : Bootstrap 5

112. Bootstrap 5:Text - Tùy Chỉnh Văn Bản Trong Bootstrap 5, Text Alignment, Font Size, Line Height

Video này hướng dẫn về các tính năng liên quan đến hiển thị văn bản trong Bootstrap 5, giúp bạn dễ dàng điều chỉnh và kiểm soát các yếu tố văn bản trên trang web. Đầu tiên, phần "Text alignment" giới thiệu cách căn chỉnh văn bản từ trái, phải, và giữa cho các kích thước màn hình khác nhau, từ các thiết bị nhỏ đến các thiết bị lớn. Tiếp theo, video hướng dẫn cách "Text wrapping and overflow" hoạt động, bao gồm cách văn bản tự động xuống dòng hoặc bị tràn khi nội dung quá dài so với kích thước phần tử. Tiếp đến, bạn sẽ học về các kiểu "Text transform", bao gồm cách chuyển đổi văn bản thành chữ thường, chữ in hoa, và chữ cái đầu in hoa. Sau đó, video giới thiệu các lớp kích thước font chữ, từ kích thước lớn nhất (.fs-1) đến kích thước nhỏ nhất (.fs-6), giúp bạn dễ dàng điều chỉnh font chữ phù hợp với yêu cầu thiết kế. Phần "Line height" sẽ giải thích cách điều chỉnh khoảng cách giữa các dòng văn bản, giúp văn bản trông dễ đọc hơn khi có các đoạn văn bản dài. Video cũng giới thiệu về font chữ monospace, thường được dùng cho mã nguồn hoặc các loại văn bản yêu cầu độ chính xác về khoảng cách ký tự. Ngoài ra, video còn hướng dẫn về cách reset màu sắc văn bản trở về mặc định, giúp đảm bảo tính nhất quán trong thiết kế. Cuối cùng, phần "Text decoration" sẽ chỉ bạn cách thêm hoặc loại bỏ các đường gạch dưới, đường gạch ngang cho văn bản hoặc các liên kết. Video này sẽ cung cấp kiến thức cơ bản và thực hành cần thiết để sử dụng các lớp liên quan đến văn bản trong Bootstrap, giúp bạn tối ưu hoá việc hiển thị nội dung và thiết kế giao diện người dùng đẹp mắt, chuyên nghiệp hơn.