css - Bootstraps ツールチップの位置を変更する

Question

Twitter ブートストラップツールチップの左マージンまたは位置を指定するにはどうすればよいですか? 現在、私が持っているツールチップはページの左端にあるリンクに割り当てられており、ツールチップの半分は見えません (画面の表示領域の外に表示されます)。

また、テキストが折り返されずに 1 行に表示されるように、ブートストラップ css コードに次の変更を加えました。

ここに画像の説明を入力

テキストが見えるように、ツールヒントを右に大きく移動したいと思います。

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


.tooltip-inner {
  width: auto;

score 3 · Accepted Answer

ドキュメントから

ツールチップの配置方法 - トップ | ボトム | 左 | 左 | 右 | 自動。

「auto」を指定すると、ツールチップの向きが動的に変更されます。たとえば、配置が「自動左」の場合、ツールチップは可能な場合は左に表示され、そうでない場合は右に表示されます。

例：

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

1 に答える 1