CSS-images.txt 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. Images
  2. ===============================================================================
  3. Responsive images
  4. -----------------
  5. Images in Bootstrap 3 can be made responsive-friendly via the addition of the
  6. .img-responsive class. This applies max-width: 100%; and height: auto; to the
  7. image so that it scales nicely to the parent element.
  8. .. code::
  9. :class: highlight
  10. .. image:: image.png
  11. :class: img-responsive
  12. Image shapes
  13. ------------
  14. Add classes to an `<img>` element to easily style images in any project.
  15. .. callout:: danger
  16. :h4:`Cross-browser compatibility`
  17. Keep in mind that Internet Explorer 8 lacks support for rounded corners.
  18. .. container:: bs-example
  19. .. image:: 140x140.png
  20. :class: img-rounded
  21. .. image:: 140x140.png
  22. :class: img-circle
  23. .. image:: 140x140.png
  24. :class: img-thumbnail
  25. .. code::
  26. :class: highlight
  27. .. image:: 140x140.png
  28. :class: img-rounded
  29. .. image:: 140x140.png
  30. :class: img-circle
  31. .. image:: 140x140.png
  32. :class: img-thumbnail