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

拜托，不要问我是怎么找到它的，也不要问它为什么有效，但解决方案是：

将 float: left; 样式添加到 Pagination 内的 AnchorListItem 的 <li> 元素。

您可以在样式表中完成：

.pagination li {
    float: left;
}

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

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

gwtbootstrap3 tooltip at wrong place for pagination

gwt

pagination

twitter-bootstrap-tooltip

gwtbootstrap3

我需要的东西：

我的代码：