Приветствую!
Иногда крайне необходимо скруглить углы у изображения. Это вебдизайнерский тренд который уже уходит, но все же еще имеет место быть в большинстве интернет-проектов.
Смотрится красиво, глаз радует и нам уже некомфортно смотреть на обычные "угловатые" изображения. Во многом, благодаря Apple, конечно :). Но не об этом...
Как сделать изображение круглым при помощи CSS?
Создать класс в файле стилей css и отрегулировать border-radius.
.img-circle {
border-radius: 50%;
}
При таком раскладе углы скругляются и изображение становится полностью круглым.
Profit!
Как сделать изображение круглым используя bootstrap?
Bootstrap 3 дает нам возможность при помощи базовых стилей bootstrap сделать изображение круглым. Иначе говоря, это тот самый класс, который мы уже рассмотрели выше, но "вшитый" в bootstrap.
Для того чтобы сделать изображение круглым добавьте к изображению класс img-circle.
<img href="/" class="img-circle"></img>
Прим: Данный класс работает только в bootstrap.