Images

Contents

  1. Get Started
  2. Grid
  3. Containers
  4. Navbars
  5. Positioning
  6. Responsive
  7. Typography
  8. Images
  9. Tables
  10. Buttons
  11. Forms
  12. Callouts
  13. Carousels

Responsive images

All img elements are given a max-width of 100% by default so that they will not overflow their containers. It is not necessary to apply any extra classes to make images responsive. You can observe responsive images in action by resizing the browser window as you look at the example below.

Special image styles


Rounded images

Circle images 
  
<img class="rounded" src="example_image.jpg" alt="">
<img class="circle" src="example_image.jpg" alt="">