How to make 5 and 2 columns with Bootstrap like in the example?

Question

css

Here's how it should be:

Answer 1

an element with a border and padding must be inside .col
or using flexbox (if you don’t know what it is, I highly advise you to find out)

Answer 2

<div class="container">
    <!-- Первая строка -->
    <div class="row">
       <!-- Первая колонка -->
        <div class="col"></div>
       <!-- Вторая колонка -->
        <div class="col"></div>
    </div>
    <!-- Первая строка -->
    <div class="row">
       <!-- Первая колонка -->
        <div class="col"></div>
       <!-- Вторая колонка -->
        <div class="col"></div>
       <!-- Третья колонка -->
        <div class="col"></div>
       <!-- Четвертая колонка -->
        <div class="col"></div>
       <!-- Пятая колонка -->
        <div class="col"></div>
    </div>
</div>

Answer 3

https://getbootstrap.com/docs/4.0/layout/grid/
1/5 column

.example-col {
  @include make-col-ready();
  @include make-col(1, 5);
  
  
}