分页错误位置的gwtbootstrap3工具提示

Question

​

​

这就是当您悬停在分页的最左边的项或非常右边的项时所发生的事情。

我想要的是：

当我将其悬停时，工具提示会粘在相应的元素上。

我的代码：

back = new AnchorListItem();
back.setText("Vorherige Aufgabe");
back.setIcon(IconType.CHEVRON_LEFT);
back.setIconPosition(IconPosition.LEFT);
bback.addClickHandler(new ClickHandler() {  ...some code... }
if (some_Condition){
    Tooltip tooltip = new Tooltip(back, "Diese Aufgabe hat nur eine Teilaufgabe");
    tooltip.setPlacement(Placement.TOP);
}
pagination.add(back);

.
. 
.
some code
.
.
.
next = new AnchorListItem();
next.setText("Nächste Aufgabe");
next.setIcon(IconType.CHEVRON_RIGHT);
next.setIconPosition(IconPosition.RIGHT);
next.addClickHandler(new ClickHandler() { ...some code... }
if (some_Condition){
    Tooltip tooltip = new Tooltip(next, "Diese Aufgabe hat nur eine Teilaufgabe");
    tooltip.setPlacement(Placement.TOP);
}
pagination.add(next);

设置布局的方式不同，只更改它放置的工具提示的方向，而不是原点。

我很感谢你给我的暗示:)

Answer 1

请不要问我是怎么找到它的，也不要问它为什么会起作用，但解决办法是：

在AnchorListItem的<li>元素中添加Pagination样式。

您可以在样式表中这样做：

.pagination li {
    float: left;
}

令人惊讶的是，这也是这个问题的答案：bootstrap tooltip shifted right ;)