How to customize Bootstrap for such a grid?

Question

Layout

How to customize Bootstrap for such a grid? How to type on such a grid? That is, there are 12 columns in the middle, but there is one column on both sides, and it is wider than those 12.

Answer 1

the grid is standard 12 columns. and on the right and left 2 guides do not apply to the grid itself

Answer 2

there are 12 columns like in the bootstrap, except for the side incomprehensible spaces, which are obviously not part of the site.
What is the problem then? Everything should fit on the bootstrap grid normally

Answer 3

<div class="container">
    <div class="row">
        <div class="col-1">1</div>
        <div class="col-1">2</div>
        <div class="col-1">3</div>
        <div class="col-1">4</div>
        <div class="col-1">5</div>
        <div class="col-1">6</div>
        <div class="col-1">7</div>
        <div class="col-1">8</div>
        <div class="col-1">9</div>
        <div class="col-1">10</div>
        <div class="col-1">11</div>
        <div class="col-1">12</div>
    </div>
</div>

and in short, what you call the extreme columns are the indents of the container