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

Trang chủ » Cách Dùng Bootstrap 5 » Học Bootstrap 5 Từ A Tới Z

Có thể bạn quan tâm

Skip to content Menu 27 12 2020 Học Bootstrap 5 từ A tới Z

Chia sẻ, Thực hành, Loạt bài Bootstrap, Bootstrap 5

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 …
Xem thêm Bootstrap 5 alpha có những đặc điểm gì mới?

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
So sánh web server NGINX và Apache So sánh WebRTC và Zoom

Related Posts

Thực hành, Loạt bài, Video

Loạt bài Học TypeScript Cơ Bản Từ A đến Z Cho Người Mới Bắt Đầu – Hỏi dân IT

Thực hành, Loạt bài, Video

Loạt bài Học Angular version 18 Mới Nhất – Ninedev

Thực hành, Loạt bài, Video

Loạt bài VueJS Dành Cho Người Mới Bắt Đầu – Ninedev

Leave a Reply Cancel reply

You must be logged in to post a comment.

Tags

.htaccess AI - Trí tuệ nhân tạo angular angular cli angularjs AWS AWS Lambda BA big data blockchain Bootstrap Bootstrap 4 Business Analyst C# C++ cloud computing CSS elasticsearch ES6 Flutter git html Học lập trình Java javascript Laravel Lập trình web Ngôn ngữ lập trình Ngôn ngữ lập trình web NodeJS NPM OwnCloud php python react ReactJS React Native search engine ServBay Serverless sql typescript Tự học Lập trình vue wordpress

Các website blog IT

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