Проблема с col, помогитe?

Question

[cabernet]

Нужно чтобы при открытии через компьютер все 4 столбца были в ряд, через планшет - 2 столбца, через телефон - 1 столбец.
Все работает, кроме телефонной версии, в чем проблема?

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6 col-lg-2">
      Привет
    </div>

      <div class="col-12 col-md-6 col-lg-2">
        Здравствуйте
      </div>

        <div class="col-12 col-md-6 col-lg-2">
          Добрый день
        </div>

          <div class="col-12 col-md-6 col-lg-2">
            Добрый вечер
          </div>
</div>
</div>

Answer 1

[Алекс Глебов]

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

https://getbootstrap.com/docs/4.5/getting-started/...