Cập nhật Bootstrap mới nhất

Với phiên bản mới nhất, Bootstrap 5.3.0, framework này đã giới thiệu một bộ tính năng mới thú vị cùng những cải tiến mạnh mẽ để phát triển web, app đa năng.

Bootstrap 5 mới nhất

Nội dung nổi bật ở Bootstrap mới nhất

Chế độ tối

Một trong số bổ sung đáng giá của Bootstrap 5.3.0 là nút bật cho chế độ tối. Nút này cho phép người dùng web dễ dàng chuyển đổi giữa chế độ sáng & tối, tạo điều kiện sử dụng liền mạch web hoặc ứng dụng trên các điều kiện ánh sáng khác nhau.

Để dùng tính năng này, chỉ cần thêm thuộc tính data-bs-toggle="dark-mode" vào nút bấm hoặc thành phần link bất kỳ.

Ví dụ:

<button type="button" class="btn btn-primary" data-bs-toggle="dark-mode">
   Toggle Dark Mode
</button>

Các tiện ích chỉnh tỷ lệ font

Bootstrap 5.3.0 giới thiệu một bộ tiện ích chỉnh tỷ lệ font, cho phép bạn nhanh chóng có được kích thước văn bản như ý dựa trên các tỷ lệ xác định trước, mà không cần phải tự chọn giá trị font cụ thể.

Bạn có thể dùng những tiện ích này trong kết hợp với các class typography Bootstrap khác để có kiểu chữ nhất quán với tỷ lệ linh động trên web hoặc ứng dụng.

Ví dụ:

<p class="fs-1">This is the largest font size</p>
<p class="fs-2">This is a slightly smaller font size</p>
<p class="fs-3">This is a medium font size</p>
<p class="fs-4">This is a small font size</p>
<p class="fs-5">This is the smallest font size</p>

Tiện ích Gutter

Bổ sung mới này khiến việc thêm gutter dễ dàng giữa các cột trong bố cuc grid của Bootstrap nếu không phải viết CSS tuy biến.

Ví dụ:

<div class="row gx-3"> 
    <div class="col">Column 1</div> 
    <div class="col">Column 2</div>
</div>

Ví dụ này dùng class gx-3 để thêm gutter của 3 đơn vị (hoặc 1.5rem) giữa hai cột.

Cập nhật các điều khiển biểu mẫu

Các điều khiển biểu mẫu trong Boostrap được update ở phiên bản 5.3.0 để cải thiện tính nhất quán và khả dụng. Các điều khiển biểu mẫu mới bao gồm những kiểu đã được update cho ô tích, nút radio, ô lựa chọn và cải thiện phản hồi hợp lệ.

Bootstrap 5.3.0 là một bản cập nhật lớn cho framework CSS phổ biến. Nó mang tới một số tính năng mới và những nâng cấp tuyệt vời. Từ chế độ tối, tới font, gutter…, lập trình viên chắc chắn sẽ thấy Bootstrap ngày càng hữu ích hơn.

Thứ Ba, 06/06/2023 16:18
51 👨 430
0 Bình luận
Sắp xếp theo