Images

Images can be changed to work with bootstrap by add the :class: atrribute to .. image:: or .. figure:: directives. Supported options are:

• img-rounded
• img-circle
• img-thumbnail
• img-responsive

Rounded Corners

.. figure:: https://www.w3schools.com/w3images/lights.jpg
   :class: img-rounded

Circle

.. figure:: https://www.w3schools.com/w3images/lights.jpg
   :class: img-circle

Thumbnails

.. figure:: https://www.w3schools.com/w3images/lights.jpg
   :class: img-thumbnail

Responsive Images

Note

This will not work if you set the :height: or the :width: of the image.

.. figure:: https://www.w3schools.com/w3images/lights.jpg
   :class: img-responsive