định vị một popover sử dụng twitter bootstrap

Question

nếu tôi có một popover trên một yếu tố <a> và gọi nó là như sau

$(function() { 
    $('#element').popover({ 
     placement:'top', 
     title:'some title', 
     content: $('#some-div').html() 
    }); 
}); 

hiển thị popover trung tâm hàng đầu của nguyên tố này, làm thế nào để tôi có được popover để hiển thị trên bên phải hoặc trên cùng bên trái của phần tử?

Answer 1

Hiện tại, bạn không thể, bạn bị giới hạn ở top | bottom | left | right cho thời điểm này, với độ chính xác như vậy, bạn có thể sửa đổi hiển thị một plugin khác như plugin jQuery tipsy, cơ sở cho plugin tooltip bootstrap để bắt đầu với.

Bootdtrap Popover Documentation.

Answer 2

Bạn có thể thêm vào kiểu bố cục cửa sổ bật lên chuẩn để di chuyển cửa sổ bật lên mà bạn muốn. Dưới đây là cách bố trí popover tiêu chuẩn lấy trực tiếp từ bootstrap-popover.js:

<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div> 

Do đó để di chuyển nó nói 15px bên phải bạn có thể thêm dòng sau vào phong cách của bạn:

.popover {margin-left: 15px;} 

Answer 3

Sử dụng "trái "thay vì" lề trái ". Cửa sổ bật lên bootstrap đang sử dụng vị trí tuyệt đối. Nói .popover {left: 15px;}