RaySS
@RaySS
а есть слово верстальщица?

Как расположить картинки в Bootstrap4 чтобы одна была поверх другой?

<div class="container-fluid">
        <div class="row">

            <div class="col-3">
                <a class="menu" href="#"><img src="img/menu-button-of-three-horizontal-lines.svg" alt="menu"
                        width="30px" height="25px"></a>
            </div>


            <div class="col-6 d-flex justify-content-center">
                <span class="story">STORY</span>
            </div>

            <div class="col-5">
                <div class="travel__story">
                    <span>TRAVEL</span>
                    <h1>Nullam id dolor id nibh ultricies vehicula ut id elit. </h1>
                    <p>Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Donec id elit
                        non mi porta gravida at eget metus. </p>

                    <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac,
                        vestibulum at eros.</p>

                        <button>FULL STORY</button>
                </div>
            </div>


            <div class="img__mountain">
                <img src="img/kawah-ijen-volcano.png" width="500px">
            </div>

          <div class="img__water">
              <img src="img/leo-rivas-OR_3rbIv5yI-unsplash.jpg" width="300px">
          </div>


Вот код. Последняя картинка появляется с новой строки, а нужно чтобы она была поверх img__mountain
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
origami1024
@origami1024
went out for a night walk
1) Положи обе картинки во враппер, врапперу добавь класс position-relative.
2) Обеим картинкам добавь класс position-absolute.

https://codepen.io/origami1024/pen/KKPmQzb
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы