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.

Bu sorunu önlemek için **placement** özelliğini aşağıdaki şekilde düzenlememiz yeterlidir.
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