Bootstrap Series--23. Image

　　

Images are often used in web authoring, and in the bootstrap framework, there are several styles available for the style of the image:

1, img-responsive: responsive image, mainly for responsive design
2, img-rounded: fillet picture
3, Img-circle: circular picture
4. Img-thumbnail: thumbnail image

<Divclass= "Container">  <Divclass= "Row">    <Divclass= "Col-sm-4">      <imgalt= "140x140"src= "http://placehold.it/140x140">        <Div>Default picture</Div>    </Div>    <Divclass= "Col-sm-4">      <imgclass= "img-rounded"alt= "140x140"src= "http://placehold.it/140x140">         <Div>Fillet picture</Div>    </Div>    <Divclass= "Col-sm-4">      <imgclass= "Img-circle"alt= "140x140"src= "http://placehold.it/140x140">        <Div>Circular picture</Div>    </Div>      <Divclass= "Row">        <Divclass= "Col-sm-6">          <imgclass= "Img-thumbnail"alt= "140x140"src= "http://placehold.it/140x140">             <Div>Thumbnail images</Div>        </Div>        <Divclass= "Col-sm-6">          <imgclass= "Img-responsive"alt= "140x140"src= "http://placehold.it/140x140"style= "width:40px;height:40px;"/>           <Div>Responsive picture</Div>        </Div>      </Div>  </Div></Div> 

Bootstrap Series--23. Image