Create responsive website with Bootstrap

Bootstrap tutorial includes all topics such as jumbotron, table, button, grid, form, image, alert, wells, container, carousel, panels, glyphicon, badges, labels, progress bar, pagination, pager, list group, dropdown, collapse,tabs, pills, navbar, inputs, modals, tooltip, popover and scrollspy.

Bootstrap Images

Bootstrap provides three classes that can be used to apply some simple styles to images

  • .img-rounded : adds border-radius:6px to give the image rounded corners.
  • .img-circle : makes the entire image round by adding border-radius:500px.
  • .img-thumbnail : adds a bit of padding and a gray border
<img src = "/images/colosseum.png" class = "img-rounded">
<img src = "/images/colosseum.png" class = "img-circle">
<img src = "/images/colosseum.png" class = "img-thumbnail">