Бутстрап 4 Контейнер с половиной достижения края

Gwapedwink спросил: 14 ноября 2017 в 07:00 в: css

Я пытаюсь получить .container с двумя половинами.

Левая половина обычно работает как .col-6, а правая половина растягивает все путь к правой стороне экрана, как если бы это был .col-6 внутри .container-fluid.

Итак, похоже на это ...

<section>
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <p>Curabitur ipsum nisl, volutpat non vulputate in, aliquet id ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin dolor velit, tristique eget leo eu.</p>
      </div>
      <div class="col-md-6"> <!-- this needs to stretch out all the way to the right -->
        <p>Aliquam dapibus consequat diam, a luctus nisi fermentum eu. Proin at enim at dolor convallis vestibulum. Etiam tempor vel enim sed sodales. Vestibulum rhoncus odio felis.</p>
        <p>Sed sodales turpis posuere vel. Proin at scelerisque elit, vitae feugiat lectus. Ut nisl dui, pulvinar at fringilla vitae, bibendum imperdiet mi. </p>
      </div>
    </div>
  </div>
</section>

Надеюсь, это имеет смысл, заранее спасибо.

0 ответов