Image Classes in Bootstrap

Опубликовано: 20 Май 2017
на канале: sk Coders
309
7

Create responsive images by adding an .img-responsive class to the img tag. The image will then scale nicely to the parent element.The .img-responsive class applies max-width: 100%, height: auto, and display:block to the image.


Create rounded corner images by adding an .img-rounded class to the img tag.

Create circle images by adding an .img-circle class to the img tag.

Create thumbnail images by adding an .img-thumbnail class to the img tag.

Positioning Images:

1) .Center
With the CSS class center-block you can center images in
Bootstrap.

2) .pull-left
Images can be aligned to the left. The text will then flow around the image.

3) .pull-right
Images can be aligned to the right. The text will then flow around the image.


На этой странице сайта вы можете посмотреть видео онлайн Image Classes in Bootstrap длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь sk Coders 20 Май 2017, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 309 раз и оно понравилось 7 зрителям. Приятного просмотра!