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

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

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

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

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

Ответы на вопрос(2)

Ваш ответ на вопрос