Uncaught Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)

Bootstrap ＞ 4系

問題発生

　状態:- 　閲覧数:3,680 　投稿日:2016-01-15 　更新日:2016-01-15
Chromeコンソール画面に下記エラーメッセージが表示される
Uncaught Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)

取り敢えずの対応


修正前
<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.min.js"></script><!-- Bootstrap -->


修正後
・bootstrap.min.jsの前に、tether.min.jsを読み込む
script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script><!-- Tether for Bootstrap --> 



<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.min.js"></script><!-- Bootstrap -->


・もしくは、Tetherよりダウンロード後、読込

bootstrapスクリプトが、tetherオブジェクトを見つけることが出来ないときに発生するエラー

　閲覧数:867　投稿日:2016-01-15　更新日:2016-01-15
bootstrapスクリプトが読み込まれる際、tetherオブジェクトを見つけることが出来ないために発生するエラーだと思います。bootstrap.min.jsをインクルードする前に tether.min.jsスクリプトをインクルードしてみてください
I think you're getting the error because when the bootstrap script loads, it's unable to find the tether object. Try including the tether.min.js script before you include the bootstrap.min.js script.
・How to fix the error; 'Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)'

Bootstrapツールチップを使用していなくて、Tetherを含めたくない場合は、Bootstrapのtooltip.jsを排除する必要があります。

　閲覧数:805　投稿日:2016-01-15　更新日:2016-01-15
あなたがBootstrapツールチップを使用していなくて、Tetherを含めたくない場合は、Bootstrapのtooltip.jsを排除する必要があります（これは連結されたデフォルトのbootstrap[.min].jsファイルを使用しないことも意味します）。
If you're not using Bootstrap tooltips and don't want to include Tether, then you'll need to exclude Bootstrap's tooltip.js (which may mean not using the default concatenated bootstrap[.min].js file).
・`Bootstrap tooltips require Tether` error is logged to console when not using tooltips

対応 & 感想

　閲覧数:704　投稿日:2016-01-15　更新日:2016-01-15

Bootstrapツールチップを使用しないのに、Tetherを読み込んだ理由


Bootstrap4正式リリース前なので
・bootstrap.min.jsは、正式リリースに伴い今後差し替えが予想される
・その度に、自分で圧縮化するのが面倒なので

対応バージョンが不明


v1.1.1
・最新版のv1.1.1を読み込んだら、エラー表示が消える

今後について
・双方バージョンアップした場合、その整合性はどうなるのだろう？ という疑問が湧いた

The key "shrink-to-fit" is not recognized and ignored.

Bootstrap 4 Cards の card-columns 表示順序は、上から下のみ。左から右へは変更不可　



類似度ページランキング
順位 ページタイトル抜粋 ％
1 Uncaught Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/) 32
2 Bookmarks clean up 25
3 invalid property value css background-color 23
4 ＜style＞body{behavior:url(../../js/csshover.htc);}＜/style＞ で、リダイレクトエラー 23
5 Triangulation Image Generator × FotoSketcher 23
6 position:absolute→relative不具合 23
7 @media screen and (min-width: 0\0) { ／ アットメディアゼロハック（IE9、IE10）／ Bootstrap4 23
8 Twitter Bootstrap 1.4 23
9 Twitter Bootstrap 2.0 23
10 「Bootstrap, from Twitter」を利用する際、「current page」では白アイコンを利用する方法 22
11 display:none ／ visibility:hidden 22
12 CopyTabTitleUrl 22
13 数値データ型 ／ Numeric Data Types 21
14 Google Chrome の user agent stylesheet 21
15 height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; 21
16 「css3-mediaqueries-js」と「Respond.js」の違い 21
17 「Public domain」と「Public Domain Dedication (CC0)」 21
18 単位をもつ数字：ディメンション ／ Numbers with Units: dimensions 21
19 Font Awesome 表示方法は2種類ある。A.JavaScript + SVG。B.CSS + Webフォント 21
20 Bootstrap 2.0 × Google MAP API 21
2026/5/26 13:49 更新
週間人気ページランキング ／ 5-19 → 5-25
順位 ページタイトル抜粋 アクセス数
1 RGBの種類 ／ ビットカラー | RGB(色) 6
2 favicon.ico の問題 | HTML 4
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
2 「Firebug Lite for Google Chrome™」アンインストール 4
3 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 3
3 「属性」「プロパティ」「アトリビュート」の違い | CSS 3
3 画像縦横比の問題 | 画像 3
3 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 3
4 CSS カテゴリー 2
4 アニメーション カテゴリー 2
4 Chromeをインストール出来ない | Google Chrome(ブラウザ) 2
4 2Dスプライトアニメーション作成ツール「Xprite（エクスプライト）」 | STUDIO yu- | Xprite(ソフトウェア) 2
4 FotoSketcher(ソフトウェア) カテゴリー 2
4 O'Reilly書籍の緑色 ／ #00a9a4 | カラーコード(色) 2
4 ｢レイヤー」＋「レイヤー効果」をコピーして新規psdにペースト | Photoshop 2
4 早見表 | Illustrator CS3(Illustrator) 2
4 ツールチップ | 3系(Bootstrap) 2
5 Illustrator CS3では、[オブジェクト全体に合わせる]項目が存在しない。そのため「アートボードの大きさ」に自動で合わせることは出来ない | Illustrator CS3(Illustrator) 1
5 Photoshop CS3(Photoshop) カテゴリー 1
5 Webデザイン(デザイン) カテゴリー 1
2026/5/26 5:05 更新