gwt - 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);

不同地设置 Placement 只会改变它放置的工具提示的方向，而不是原点。

我会感谢任何提示:)

Answer 1

请不要问我是如何找到它的，也不要问它为什么有效，但解决方案是：

给里面的元素添加float: left;样式。AnchorListItem<li>Pagination

您可以在样式表中执行此操作：

.pagination li {
    float: left;
}

令人惊讶的是，这也是这个问题的答案：引导工具提示向右移动；）