Полная ширина кол слева

Question

Как вы можете заставить col расширяться до полной ширины справа, которая находится внутри контейнера

<div class="container">

    <div class="row">

      <div class="col-5">

        Lorem ipsum
      </div>

      <div class="col-7 img-col">
         <img class="img-fluid" src="https://placeimg.com/640/480/nature/sepia"/>
      </div>

    </div>

  </div>

Я пытался использовать абсолютную позицию на правом столбце, но не собираюсь растягиваться влево

https://jsbin.com/cikuragaba/edit?html,output

Answer 1

Я считаю, что div уже на полную ширину, но изображение не. Добавить этот CSS:

.img-fluid {
    width: 100%;
}

Answer 2

Использование:

.img-col .img-fluid {
     width: 100%
}

Это сделает ваше изображение в пределах 100% ширины изображения. .img-liquid указывает только максимальную ширину. Точность с .img-col в первую очередь не делает ВСЕ .img-liquid 100% ширины.

Answer 3

.container {
  position: relative;
}

.img-col {
  position: fixed;
  right: 0px;
  width: 100%;
  top: 0;
}

.img-fluid {
  width: 100%;
}

Это установит его на полную ширину, но если вы объясните, что вы пытаетесь сделать, я думаю, что будет лучший способ добиться этого, чем этот.