Bootstrap dropdown-menu за пределами экрана?

Botstrap 4.1.3
На мобильных экранах выпадающее меню скрывается за экраном.
Знаю, что есть решение с добавлением класса 'dropdown-menu-right', но он жёстко привязывает к правой границе, а также нужно создавать свои костыли для разных разрешений, т.к. нет 'dropdown-menu-md-right' и т.п.
Проблема в том, что если, например, добавить свойство "position:fixed" к самому верхнему блоку (.container), то всё будет высчитываться именно так, как нужно. Как добиться этого эффекта со свойством 'position:relative;"?
https://jsfiddle.net/3gj9w4tq/2/