Изменение положения всплывающих окон Bootstrap в зависимости от положения всплывающего окна по оси X относительно края окна?

Я обыскал в Интернете повсюду, и хотя я нашел этот пост stackoverflow проницательным Можно ли изменить положение всплывающих окон Bootstrap в зависимости от ширины экрана? , он все еще не ответил на мой вопрос, вероятно, из-за моих проблем с пониманием. положение/смещение.

Вот что я пытаюсь сделать. Я хочу, чтобы всплывающее окно Twitter Bootstap было ПРАВИЛЬНЫМ, если всплывающее окно горячей точки не будет расположено за пределами области просмотра, тогда я хочу, чтобы оно было расположено ВЛЕВО. Я делаю веб-приложение для iPad, в котором есть горячие точки, когда вы нажимаете на горячую точку, появляется информация, но я не хочу, чтобы она появлялась за пределами области просмотра, когда горизонтальная прокрутка заблокирована.

Думаю, это будет примерно так:

$('.infopoint').popover({
        trigger:'hover',
        animation: false,
        placement: wheretoplace 
    });
    function wheretoplace(){
        var myLeft = $(this).offset.left;

        if (myLeft<500) return 'left';
        return 'right';
    }

Мысли? Спасибо!