Можно ли изменить положение всплывающих окон Bootstrap в зависимости от ширины экрана?

У меня есть список элементов, и с каждым из них связано всплывающее окно Bootstrap ( документы здесь ). Они запускаются следующим образом:

$('#my_list li').popover({
   placement: 'left'
});

Это работает, но при небольшой ширине всплывающее окно теряется в области просмотра. Я хотел бы сделать размещение условным на основе $ (document) .width (); , однако я не вижу способа переопределить начальные параметры (например, при ширине около 1000 пикселей , переключите размещение на "выше").

Я собрал упрощенную версию в jsfiddle здесь . Большое спасибо.