Bootstrap CSS layout image _javascript techniques

This article shared the bootstrap CSS layout of the image for your reference, the specific content as follows

img-rounded, Img-circle, img-thumbnail (zoom graph mode)

Source code
img {
 vertical-align:middle;
}
. Img-responsive,
. Thumbnail > img,
. Thumbnail a > img,
. Carousel-inner >. Item > IMG
. Carousel-inner > Item > A > img {
 display:block;
 max-width:100%;
 Height:auto
}
. img-rounded {
 border-radius:6px;
}
Thumbnail mode
. img-thumbnail {
 display:inline-block;
 max-width:100%;
 Height:auto;
 padding:4px;
 line-height:1.42857143;
 Background-color: #fff;
 border:1px solid #ddd;
 border-radius:4px;
 -webkit-transition:all 2s ease-in-out;
  -o-transition:all 2s ease-in-out;
   Transition:all 2s ease-in-out;
img-circle {
 border-radius:50%;
}

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.