Hình ảnh trong Bootstrap được thực hiện phản hồi với
7. Điều này áp dụng
8 và
9 cho hình ảnh để nó chia tỷ lệ với chiều rộng gốc
Hình thu nhỏ của hình ảnh
Ngoài các tiện ích bán kính đường viền của chúng tôi, bạn có thể sử dụng
0 để cung cấp cho hình ảnh một đường viền tròn 1px
Căn chỉnh hình ảnh
Căn chỉnh hình ảnh với các lớp float của trình trợ giúp hoặc. Hình ảnh cấp độ
1 có thể được căn giữa bằng cách sử dụng
Bức ảnh
Nếu bạn đang sử dụng phần tử
3 để chỉ định nhiều phần tử
3 cho một
5 cụ thể, hãy đảm bảo thêm các lớp
6 vào
5 chứ không phải vào thẻ
3 Tài liệu và ví dụ để chọn hình ảnh vào hành vi phản hồi [để chúng không bao giờ trở nên lớn hơn các phần tử gốc của chúng] và thêm các kiểu nhẹ cho chúng—tất cả thông qua các lớp
Hình ảnh đáp ứng
Hình ảnh trong Bootstrap được thực hiện phản hồi với
7.
8 và
9 được áp dụng cho hình ảnh để nó chia tỷ lệ với phần tử gốcthư viện hình ảnh
Bạn cũng có thể sử dụng hệ thống lưới của Bootstrap kết hợp với lớp
00 để tạo thư viện hình ảnhGhi chú. Bạn sẽ tìm hiểu thêm về Hệ thống lưới sau trong hướng dẫn này [cách tạo bố cục với số lượng cột khác nhau]
Ví dụ
Lorem ipsum
Lorem ipsum
Lorem ipsum
Tự mình thử »
Nhúng đáp ứng
Đồng thời cho phép video hoặc trình chiếu được chia tỷ lệ chính xác trên mọi thiết bị
Các lớp có thể được áp dụng trực tiếp cho, và các phần tử
Ví dụ sau đây tạo video phản hồi bằng cách thêm lớp
01 vào thẻ
02 [video sau đó sẽ chia tỷ lệ phù hợp với phần tử gốc]. Chứa
02 xác định tỷ lệ khung hình của videoVí dụ
Tự mình thử »
Tỷ lệ khung hình là gì?
Tỷ lệ khung hình của hình ảnh mô tả mối quan hệ tỷ lệ giữa chiều rộng và chiều cao của nó. Hai tỷ lệ khung hình video phổ biến là 4. 3 [định dạng video phổ biến của thế kỷ 20] và 16. 9 [phổ cập cho truyền hình HD và truyền hình kỹ thuật số châu Âu]