Của cải
Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu
Tài sản
[Click để sắp xếp tăng dần]Kiểu
[Click để sắp xếp tăng dần]Mặc định
Sự miêu tả
align-content
String
null
Căn chỉnh các mục cột với nhau trên trục chéo. 'bắt đầu', 'trung tâm', 'kết thúc', 'xung quanh', 'giữa' hoặc 'kéo dài'. Không có tác dụng đối với các hàng đơn lẻ của vật phẩm_______3_______String
null
Căn chỉnh theo chiều ngang/giãn cách của tất cả các cột. 'bắt đầu', 'trung tâm', 'kết thúc', 'xung quanh' hoặc 'ở giữa'align-v
String
null
Căn chỉnh theo chiều dọc của tất cả các cột trong một hàng. 'bắt đầu', 'trung tâm', 'kết thúc', 'đường cơ sở' hoặc 'kéo dài'cols
v2. 2. 0+______1_______0 hoặc
String
Các cột hàng số để tạo tại điểm dừng 'xs'. Yêu cầu Bootstrap v4. 4 CSS_______1_______2v2. 2. 0+______1_______0 hoặc
String
Các cột hàng số cần tạo tại điểm ngắt 'lg'. Yêu cầu Bootstrap v4. 4 CSS_______1_______5v2. 2. 0+______1_______0 hoặc
String
Các cột hàng số cần tạo tại điểm ngắt 'md'. Yêu cầu Bootstrap v4. 4 CSS_______1_______8v2. 2. 0+______1_______0 hoặc
String
Các cột hàng số cần tạo tại điểm ngắt 'sm'. Yêu cầu Bootstrap v4. 4 CSS_______2_______1v2. 2. 0+______1_______0 hoặc
String
Các cột hàng số cần tạo tại điểm dừng 'xl'. Yêu cầu Bootstrap v4. 4 CSS_______2_______4null
5 null
6Khi được đặt, hãy xóa lề khỏi hàng và xóa phần đệm khỏi các cột con_______2_______7String
null
9Chỉ định thẻ HTML để hiển thị thay vì thẻ mặc địnhCủa cải
Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu
Tài sản
[Click để sắp xếp tăng dần]Kiểu
[Click để sắp xếp tăng dần]Mặc định
Sự miêu tả
align-h
0String
null
Căn dọc của ô lưới đối với hàng. 'bắt đầu', 'trung tâm', 'kết thúc', 'đường cơ sở' hoặc 'kéo dài'align-h
3null
5 null
6Khi true tạo ô lưới cột có chiều rộng bằng nhau kéo dài cho xs trở lên các điểm ngắtcols
String
0 hoặc String
Số lượng cột mà ô lưới kéo dài cho xs trở lên các điểm ngắtalign-h
9null
5 hoặc String
0 hoặc String
Số lượng cột mà ô lưới kéo dài cho các điểm dừng lg trở lênString
3null
5 hoặc String
0 hoặc String
Số cột mà ô lưới kéo dài cho md trở lên các điểm ngắtString
7String
0 hoặc String
Số lượng cột mà ô lưới được bù trừ cho các điểm dừng từ xs trở lên_______2_______0String
0 hoặc String
Số lượng cột mà ô lưới được bù đắp cho các điểm dừng lg trở lên_______2_______3String
0 hoặc String
Số lượng cột mà ô lưới được bù đắp cho md trở lên các điểm ngắtnull
6String
0 hoặc String
Số lượng cột mà ô lưới được bù đắp cho các điểm dừng sm trở lênnull
9String
0 hoặc String
Số lượng cột mà ô lưới được bù trừ cho các điểm dừng từ xl trở lênalign-v
2String
0 hoặc String
Thứ tự linh hoạt của ô lưới cho các điểm dừng từ xs trở lênalign-v
5String
0 hoặc String
Thứ tự linh hoạt của ô lưới cho các điểm dừng lg trở lênalign-v
8String
0 hoặc String
Thứ tự linh hoạt của ô lưới cho md trở lên các điểm ngắtString
1String
0 hoặc String
Thứ tự linh hoạt của ô lưới cho các điểm ngắt từ sm trở lênString
4String
0 hoặc String
Thứ tự linh hoạt của ô lưới cho các điểm ngắt từ xl trở lênString
7null
5 hoặc String
0 hoặc String
Số lượng cột mà ô lưới kéo dài cho các điểm dừng từ sm trở lên_______2_______7String
null
9Chỉ định thẻ HTML để hiển thị thay vì thẻ mặc địnhnull
4null
5 hoặc String
0 hoặc String
Số lượng cột mà ô lưới kéo dài cho các điểm ngắt từ xl trở lên vùng chứa [100% chiều rộng dưới 540px]
container-sm [100% chiều rộng bên dưới 540px]
container-md [100% chiều rộng bên dưới 720px]
container-lg [100% chiều rộng bên dưới 960px]
container-xl [100% chiều rộng bên dưới 1140px]
container-xxl [100% chiều rộng bên dưới 1320px]
container-fluid [luôn có chiều rộng 100%]
Lưới trong Bootstrap là gì?
Hệ thống lưới của Bootstrap sử dụng một loạt vùng chứa, hàng và cột để bố trí và căn chỉnh nội dung . Nó được xây dựng với flexbox và hoàn toàn đáp ứng. Dưới đây là một ví dụ và một cái nhìn sâu sắc về cách lưới kết hợp với nhau.
Các loại lớp lưới khác nhau trong Bootstrap là gì?
Hệ thống lưới Bootstrap có bốn lớp. .
xs [dành cho điện thoại - màn hình rộng dưới 768px]
sm [dành cho máy tính bảng - màn hình rộng bằng hoặc lớn hơn 768px]
md [đối với máy tính xách tay nhỏ - màn hình rộng bằng hoặc lớn hơn 992px]
lg [dành cho máy tính xách tay và máy tính để bàn - màn hình rộng bằng hoặc lớn hơn 1200px]
Sự khác biệt giữa flex và grid trong Bootstrap là gì?
Sự khác biệt chính là bạn có thể sử dụng Lưới CSS để tạo bố cục hai chiều. Ngược lại, bạn chỉ có thể sử dụng Flexbox để tạo bố cục một chiều . Điều đó có nghĩa là bạn có thể đặt các thành phần dọc theo trục X và Y trong CSS Grid và chỉ một trục trong Flexbox.
Các lớp lưới trong Bootstrap 5 là gì?
Sáu tầng lưới mặc định như sau. .
Cực nhỏ [xs]
Nhỏ [sm]
Trung bình [md]
Lớn [lg]
Cực lớn [xl]
Cực lớn [xxl]