更改Bootstraps工具提示的位置

时间:2014-01-02 06:41:26

标签: css twitter-bootstrap twitter-bootstrap-tooltip

如何为twitter bootstraps工具提示指定左边距或位置?现在,我的工具提示被分配到位于页面最左侧的链接,并且工具提示的一半是不可见的(显示在屏幕可见区域之外)。

我还对bootstrap css代码进行了以下更改,以便文本显示在一行而不是包装。

enter image description here

我想将工具提示向右移动很多,因此文字可见。

.tooltip-inner {
  max-width: 200px;


.tooltip-inner {
  width: auto;

1 个答案:

答案 0 :(得分:3)

来自文档

  

如何定位工具提示 - 顶部|底部|离开|对|汽车。

     

指定“auto”时,它将动态重新定向工具提示。例如,如果展示位置为“自动离开”,则工具提示会尽可能显示在左侧,否则它将显示正确。

示例:

<button class="btn btn-default" title="" data-placement="right"
data-toggle="tooltip" type="button" data-original-title="Tooltip on right"></button>