Xem thêm: Bootstrap 5 alpha có những đặc điểm gì mới?
Bắt đầu làm quen Bootstrap 5
- Introduction / Giới thiệu chung
- Download / Tải và sử dụng
- Contents / Cấu trúc bootstrap 5
- Browsers & devices / Trình duyệt và thiết bị hỗ trợ
- JavaScript / Code javascript, đã loại bỏ jQuery, nhưng vẫn có thể sử dụng cú pháp jQuery để truy vấn nếu dùng chung
- Build tools / Sử dụng với NodeJs
- Webpack
- Accessibility
- RFS / Resize Font Size
- RTL / Right to Left Text
Customize / Tùy chỉnh
- Overview / Giới thiệu chung
- Sass / Syntactically Awesome Style Sheets https://sass-lang.com/, hỗ trợ CSS mạnh mẽ
- Options / Lựa chọn với Sass variable
- Color / Màu sắc, dải màu được mở rộng hơn
- Components / Thành phần, có thể chỉnh sửa, kế thừa
- CSS variables / Các biến CSS, ví dụ mã màu ..
- Optimize / Tối ưu, có thể tùy chọn m
Layout / Bố cục
- Breakpoints / Điểm thay đổi responsive màn hình
- Containers / Khối cơ bản để chứa nội dung
- Grid / Khái niệm để xây dựng layout cho kích cỡ, hình dáng
- Columns / Cột hiện thị trong grid
- Gutters / Phần đệm giữa các cột
- Utilities / Để phát triển nhanh hơn và thân thiện với thiết bị di động, Bootstrap bao gồm hàng chục lớp tiện ích để hiển thị, ẩn, căn chỉnh và giãn cách nội dung.
- Z-index / Định nghĩa sẵn cho dropdown, sticky, tooltip …
Content / Nội dung
- Reboot / Tiêu chuẩn css cho các thành phần html của bootstrap
- Typography / Tài liệu và ví dụ về kiểu chữ Bootstrap, bao gồm cài đặt chung, tiêu đề, văn bản nội dung, danh sách, v.v.
- Images / Ví dụ cho ảnh
- Tables / Ví dụ cho bảng
- Figures / Ví dụ cho ảnh và text
Forms
Components / Thành phần
- Accordion
- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Close button
- Collapse
- Dropdowns
- List group
- Modal
- Navs & tabs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltips
Helpers / Trợ giúp
Utilities / Tiện ích
- API
- Borders
- Colors
- Display
- Flex
- Float
- Interactions
- Overflow
- Position
- Shadows
- Sizing
- Spacing
- Text
- Vertical align
- Visibility