How to properly layout such a bootstrap 4 grid?

Question

css

Here's the layout:

The blue block has a background, the red one is the input.
If I do .row>.col-7>.row>.col-?>input Then .col-7> .row
splits into its 12 columns and even then I can't get 5/12 of the total width:

so that input is 5/12 of the total .row ?

Answer 1

@include make-col($size, $columns: $grid-columns);
@include make-col(5, 7);