Demo các lớp Image Bootstrap

.rounded
Rounded
.rounded-circle
Circle
.img-thumbnail
Thumbnail
.float-start & .float-end
Float Start Float End

Đoạn văn bản này được kẹp giữa hai hình ảnh. Chữ sẽ tự động tràn xung quanh ảnh nhờ thuộc tính float. Ảnh đầu tiên sử dụng class .float-start để bám sang góc trái, ảnh thứ hai sử dụng .float-end để bám sang góc phải của khung chứa. Lưu ý rằng khung ngoài cùng bắt buộc phải sử dụng tới class .clearfix để ôm sát được chiều cao các phần tử ảnh đã bị float. Cách xử lý layout này thường được dùng rất nhiều trên các trang blog hoặc bài báo tin tức.

.img-fluid

Class này làm hình ảnh trở nên responsive (tự động ôm theo % của thẻ cha với thuộc tính max-width: 100%).

Fluid
Web hosting by Somee.com