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

Trang chủ » Sử Dụng Bootstrap 5 » Học Bootstrap 5 Từ A Tới Z

Có thể bạn quan tâm

Skip to content Menu

Trang chủ » Chia sẻ » Học Bootstrap 5 từ A tới Z

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

Chia sẻ

Top 8 phần mềm tạo website đỉnh cao hiện nay

Chia sẻ

Kỷ nguyên “Lạm phát Code”: Tại sao chi phí review code AI lại cao gấp 12 lần?

Chia sẻ

Sau web, nền tảng nào sẽ thống trị Internet

Leave a Reply Cancel reply

You must be logged in to post a comment.

Tags

.htaccess .net core AI - Trí tuệ nhân tạo angular angular cli asp.net core AWS AWS Lambda BA big data blockchain Bootstrap 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 PLC Lập trình web Ngôn ngữ lập trình Ngôn ngữ lập trình web NodeJS NPM 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 » Sử Dụng Bootstrap 5