Why is the grid system not working in bootstrap?

Question

css

Hello! To learn bootstrap 4, I decided to make a landing page. Problems have arisen. Mesh not working. I want to split in half, but nothing works, it just wraps to a new line.
Here is the code:

<div class="container pt-2">
  <div class="row justify-content-center">
    <div class="shadow-lg p-3 rounded col-lg-8 col-md-8 col-sm-9 col-xl-10">
      <div class="col-lg-6 col-md-6 col-sm-6">
        Картинки
      </div>
      <div class="col-lg-6 col-md-6 col-sm-6">
        Текст
      </div>
    </div>
  </div>
</div>

Answer 1

Make sure you include the bootstrap styles. Between the head tags there must be a link tag with a link to the bootstrap.min.css or bootstrap.css file