Как можно дать отступ, который имеет поведение как у col-?

Question

[Nikita Shchypylov]

Всем привет

Есть подобная структура :

<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>

Колонки с классом .fixed имеют position: absolute; С правой колонкой проблем нет, а вот что делать с левой? Так как адаптивный дизайн, как она будет сужаться? Статический паддинг тоже не дать, так как правая колонка налезет на среднюю. Вообщем, задача в том, чтобы средняя колонка вела себя так, якобы слева от неё полноценная колонка.

Comments

[iBird Rose]

<div class="col-sm-3 fixed"></div>
<div class="col-sm-4 col-sm-offset-3"></div>
<div class="col-sm-5 fixed"></div>

?

[Nikita Shchypylov]

iBird Rose, а для Bootstrap 4?

[iBird Rose]

Nikita Shchypylov, https://getbootstrap.com/docs/4.0/layout/grid/#off...

Answer 1

[Георгий Еремеев]

Добавь в начале еще один .col-sm-3 пустой.
И зачем колонки делать absolute? Почему это не сделать с внутренним содержимым?