How can you give an indent that has the same behavior as col-?

Question

css

Hello everyone
, there is a similar structure:

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-3 fixed"></div>
    <div class="col-sm-4"></div>
    <div class="col-sm-5 fixed"></div>
  </div>
</div>

Columns with the .fixed class have position: absolute; There are no problems with the right column, but what to do with the left? Since responsive design, how will it shrink? Static padding is also not given, since the right column will fit on the middle one. In general, the task is to make the middle column behave like a full-fledged column supposedly to the left of it.

Answer 1

Add another .col-sm-3empty one at the beginning.
And why should columns be made absolute? Why not do this with internal content?