Tham khảo hình ảnh CSS Bootstrap
Hình ảnh khởi động
Các góc tròn:
Vòng tròn:
Hình nhỏ:
<img> Lớp học
Các lớp bên dưới có thể được sử dụng để tạo kiểu cho bất kỳ hình ảnh nào:
Class | Description | Example |
---|---|---|
.img-rounded | Adds rounded corners to an image (not available in IE8) | Try it |
.img-circle | Shapes the image to a circle (not available in IE8) | Try it |
.img-thumbnail | Shapes the image to a thumbnail | Try it |
.img-responsive | Makes an image responsive (will scale nicely to the parent element) | Try it |
Hình ảnh đáp ứng
Tạo hình ảnh phản hồi bằng cách thêm lớp .img-responsive
vào thẻ <img>
. Sau đó, hình ảnh sẽ có tỷ lệ phù hợp với phần tử gốc.
Lớp .img-responsive
áp dụng max-width: 100%
, height: auto
và display:block
cho hình ảnh: