Học Bootstrap 5 Từ A Tới Z

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
Xem thêm Học Bootstrap 4 từ A tới Z

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 trang

Từ khóa » Cách Dùng Bootstrap 5