bootstrap один столбец внутри контейнера, а другой столбец - до края экрана

Question

Я хочу добиться чего-то подобного.

Я пробовал жидкость для контейнера и вручную устанавливал поля слева в столбце, но это это не 100%. Я также пробовал разные варианты из этой статьи, но это тоже не сработало. https://css-tricks.com/full-width-containers-limited-width-parents/

Разметка будет такой

<div class="container">
  <div class="row">
    <div class="col-md-6">left column</div>
    <div class="col-md-6">right column should extend to right screen edge</div>
  </div>
</div>

Answer 1

Если вы используете bootstrap 4 + версию, попробуйте ниже во втором теге div

<div class="col-md-6 text-md-right pr-md-0">right column should extend to right screen edge</div>

Answer 2

попробуйте таким образом (Bootstrap 4)

<div class="container-fluid">
  <div class="row">
    <div class="col-md-4 offset-md-2">
      Content
    </div>
    <div class="col-md-6 text-md-right pr-md-0">
      Images
    </div>
  </div>
</div>

https://jsfiddle.net/lalji1051/9Lrhwboc/2/