Bootstrap Popover Eklentisinin Ekran Görünümüne Göre Konumlanması

Bootstrap’in Popover eklentisini kullanırken tarayıcının ekran boyutlarında herhangi bir değişim olduğunda açılan Popover ekranda düzgün bir şekilde konumlanmamaktadır. Örneğin Popover’ın placement özelliğini top olarak atarsanız tarayıcı ekranını aşağı doğru kaydırdığınızda veya ekran boyutunu değiştirdiğinizde Popover ekranın dışında kalacaktır.

var options = {
    placement: function (context, source) {
        var position = $(source).position();
 
        if (position.left > 515) {
            return "left";
        }
 
        if (position.left < 515) {
            return "right";
        }
 
        if (position.top < 110){
            return "bottom";
        }
 
        return "top";
    }
};
$(".popover-tooltip").popover(options);

Çalışan örneği aşağıdaki gibidir:

Kaynak: http://stackoverflow.com/a/12656175