Bootstrap Affix динамическая фиксированная позиция

Question

Я добавляю меню в боковую часть своей страницы, используя Bootstrap.Я хочу, чтобы меню оставалось в верхней части страницы, когда пользователь прокручивает его.Я обнаружил affix , который находится в bootstrap.js.Однако, поскольку я использую разные размеры столбцов для экрана, я изо всех сил стараюсь, чтобы он оставался в нужном месте.

У меня есть, чтобы он запускался в нужное время и чтобы он правильно позиционировал topно width и right не работают.

Я использую загрузчик 3.3.

Я думаю, что мне придется использовать проценты от ширины экрана, а затем также сделать медиазапросы в CSS.

JS Fiddle

Answer 1

Я решил это.

Элемент с аффиксом должен быть дочерним по отношению к элементу с классом col-.Затем вам также необходимо установить ширину в пикселях для каждой ширины экрана, распознаваемой программой начальной загрузки.