2017-12-18 14 views
1

私はちょうどブートストラップの使用を開始して、私の恋人に私のクリスマスプレゼントの一部を手掛けています - 彼女の本当の存在が何であるかを理解するためのパズル(ロンドンのHamiltonへのチケット)。Bootstrap tooltipの間違った位置付け

しかし、私はブートストラップツールチップの問題に遭遇しました。 の上にカーソルを置くと、スパムの単語の横にツールチップが表示されることが予想されます。またはをクリックします。しかし何らかの理由で、ツールチップが本体の左上に上がっています。

誰でも私を助けてくれますか?ここで

エラーを示しペンです:私は、初期化の推奨例を使用してい Link to CodePen

$("[data-toggle='tooltip']").tooltip(); 
+1

ブートストラップ3のCSSファイルでブートストラップ4のJSファイルを使用しています。バージョンを選んでください。 – Turnip

+0

それは実際それでした。神様、私はそれが本当に基本的な問題でなければならないことを知っていました。私は3を選ぶ前に4で遊んでいました。 – geostocker

+0

あなたはPopper.jsを入れずにBootstrap 4も使っています。ツールチップの位置決めに必要です。 –

答えて

0

ブートストラップの同じバージョンを使用してみてください。いずれかv3またはv4のために完全に行ってください。互換性のあるファイルを使用すると問題は解決されます。

関連する問題