Học Bootstrap 5 Từ A Tới Z
Có thể bạn quan tâm
Chuyển đến nội dung Menu
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
- Form control
- Select
- Checks & radios
- Range
- Input group
- Floating labels
- Layout
- Validation
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
- Clearfix
- Colored links
- Ratio
- Position
- Visually hidden
- Stretched link
- Text truncation
Utilities / Tiện ích
- API
- Borders
- Colors
- Display
- Flex
- Float
- Interactions
- Overflow
- Position
- Shadows
- Sizing
- Spacing
- Text
- Vertical align
- Visibility
Extend / Mở rộng
- Approach
- Icons
Viết một bình luận Hủy
Bạn phải đăng nhập để gửi phản hồi.
Tìm kiếm cho:Hành Trang Lập Trình
Thẻ
.htaccess .net core angular angular cli angularjs apache spark AWS AWS Lambda BA big data blockchain Bootstrap Bootstrap 4 Business Analyst C# C++ ccu cloud computing CSS Dapper elasticsearch ES6 git Hadoop Học lập trình Java javascript Laravel Ngôn ngữ lập trình Ngôn ngữ lập trình web NodeJS NPM OwnCloud php python ReactJS React Native search engine Serverless sql Trí tuệ nhân tạo typescript Tự học Lập trình visual studio code wordpress Di chuyển lên đầu trangTừ khóa » Cách Dùng Bootstrap 5
-
Bootstrap Là Gì? Hướng Dẫn Tải Và Sử Dụng Bootstrap - Vietnix
-
Hướng Dẫn Cài đặt Sử Dụng Bootstrap 5 Alpha!
-
Bootstrap Là Gì? Tìm Hiểu Về Bootstrap 5 - Tino Group
-
Bài 1: Bootstrap 5 Là Gì? Bắt đầu Như Thế Nào?
-
Bootstrap Là Gì? Hướng Dẫn Cách Dùng, Nhúng Bootstrap Vào HTML
-
19 Ví Dụ Bootstrap 5 Cho Phát Triển Website
-
Bootstrap Là Gì? Cách Cài đặt Và Sử Dụng Bootstrap Chi Tiết - LPTech
-
Cách Dụng Bootstrap 5
-
Bài 1: Giới Thiệu Và Cài đặt Bootstrap - Góc Làm Web
-
Sử Dụng Bootstrap Thiết Website Cực đẹp Trong 5 Phút - YouTube
-
Get Started With Bootstrap · Bootstrap V5.2
-
Các Hướng Dẫn Bootstrap - Openplanning
-
Bootstrap Là Gì? Hướng Dẫn Sử Dụng Bootstrap Cơ Bản | Ironhack VN
-
Cài đặt Bootstrap | Lê Vũ Nguyên Dạy Học Lập Trình