Как я могу организовать div как на картинке?

Question

Я хочу сделать что-то вроде этого

Я использую загрузчик 4 и получил это

С помощьюследующий код:

<div class="col-2 row align-items-center">
  <div class="col-6">
    {{cart.quantity}}
  </div>

  <div class="col-6 text-left">
    <div class="col-12">
      +
    </div>

    <div class="col-12">
      -
    </div>
  </div>

что я делаю не так?

Answer 1

Вам нужно будет на самом деле уменьшить размер элемента или назначить класс значков. Ваш фон и радиус распространяются по всей ширине div <div class="col-12">+</div>