Закругленные углы

The .rounded class adds rounded corners to an image:

Cinque Terre

Rheu

The .rounded-circle class shapes the image to a circle:

Cinque Terre

"Thumbnail"crbp

The .img-thumbnail class creates a thumbnail of the image:

Cinque Terre

Выравнивание

Use the float classes to float the image to the left or to the right:

Paris Paris


















Центрирование

Center an image by adding the utility classes .mx-auto (margin:auto) and .d-block (display:block) to the image:

Адаптивные картинки

The .img-fluid class makes the image scale nicely to the parent element (resize the browser window to see the effect):

Chania