0

Верстаю с помощью бутстрап 4 не большой сайт, хочу поставить свое фото, но оно отображается горизонтально, хотя на компьютере стоит вертикально, пытаюсь сделать фото вертикально с поощью свойства transform: rotate(90deg), но фото тогда вылазит из блока.

вот код: (помогите решить)

<div class="row">
                <div class="col-6">
                    <img src="img/photo-18.jpg" alt="">
                </div>
                <div class="col-6"></div>
            </div>


.container {
    background-color: #fff;
}

.header {
    min-height: 100vh;
}

.header .container {
    min-height: 100vh;
}

.header strong {
    display: inline-block;
    text-align: center;
}

.col-6 img {
    width: 100%;
    transform: rotate(90deg);
}

1 ответ 1

3

На компе оно у тебя скорее всего тоже вертикально. Попробуй его открыть в любом редакторе для того чтобы убедиться что положение фото точно такое, каким ты его ожидаешь увидеть на сайте. Bootstrap тут не при делах, и менять стилями ориентацию фотографии очень плохая практика. На крайний случай пересохрани фото повернутым.

3
  • Не получается, как бы я фото не поворачивал, на сайте оно остаётся не изменным
    – Артур
    3 сен 2018 в 16:53
  • уверен что не перепутал директорию? открой в дебаге, посмотри на ссылку фото (дебаггер сразу и фото прогрузит). Посмотри на всякий случай на стили которые к фото применяются. Может где-то что-то уже перекрывается.
    – Denis Ross
    3 сен 2018 в 16:58
  • 1
    Спасибо большое, все получилось!
    – Артур
    3 сен 2018 в 17:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.