2023年3月7日 星期二

[研究]Bootstrap 3.x, 4.x, 5.x的官方 CDN 網址

[研究]Bootstrap 3.x, 4.x, 5.x的官方 CDN 網址

2023-03-07

Bootstrap 的官方 CDN 網址:
https://www.jsdelivr.com/package/npm/bootstrap

https://www.nuget.org/packages/bootstrap/5.2.3
點 Dependencies,5.x版沒有相依套件。

https://www.nuget.org/packages/bootstrap/4.6.1
相依 jQuery (>= 3.0.0 && < 4.0.0) 和 popper.js (>= 1.16.1 && < 2.0.0)

https://www.nuget.org/packages/bootstrap/3.4.1#dependencies-body-tab
相依 jQuery (>= 1.9.1 && < 4.0.0)

********************************************************************************

抓3.x.x版的最新版,要自己注意相依套件問題

<head>
<script src="https://releases.jquery.com/git/jquery-2.x-git.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3/dist/js/bootstrap.min.js"></script>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3/dist/css/bootstrap.min.css" rel="stylesheet" >

</head>

上面 jQuery 其實可用 3.x 版。

抓4.x.x版的最新版,要自己注意相依套件問題

<head>

<script src="https://releases.jquery.com/git/jquery-3.x-git.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.min.js"></script>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css" rel="stylesheet" >

</head>

********************************************************************************

Lastest版,如果目前最新是5.2.3版,不註明版本,會抓到5.2.3版

<script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">


Major,如果目前最新是5.2.3版,註明5.x版本,會抓到5.2.3版

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css" rel="stylesheet">


Minor,如果目前最新是5.2.3版,註明5.2.x版本,會抓到5.2.3版

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2/dist/js/bootstrap.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2/dist/css/bootstrap.min.css" rel="stylesheet">


Static,如果目前最新是5.2.3版,註明5.2.3版本,會抓到5.2.3版

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">

********************************************************************************

Bootstrap 3.x 的頁籤,最多只能使用 jQuery 哪一版 ?

Bootstrap 3.x 的頁籤可以使用 jQuery 1.x 或 2.x 版本。這是因為 Bootstrap 3.x 是在 jQuery 1.x 和 2.x 版本的基礎上開發的,因此這些版本是相容的。但請注意,使用 jQuery 3.x 版本可能會導致一些問題,因為 jQuery 3.x 版本已經移除了一些舊有的 API,這些 API 可能被 Bootstrap 3.x 使用到。因此建議使用 jQuery 1.x 或 2.x 版本來配合 Bootstrap 3.x 的頁籤。

********************************************************************************

Bootstrap 4.x 的頁籤,最多只能使用 jQuery 哪一版 ?

Bootstrap 4.x 的頁籤可以使用 jQuery 3.x 版本。Bootstrap 4.x 是在 jQuery 3.x 版本的基礎上開發的,因此這些版本是相容的。但請注意,如果你正在升級從 Bootstrap 3.x 到 4.x,則需要更新你的 jQuery 版本,因為 Bootstrap 4.x 不再支持 jQuery 1.x 和 2.x 版本。所以,如果你想使用 Bootstrap 4.x 的頁籤,則需要使用 jQuery 3.x 版本。

********************************************************************************

Bootstrap 5.x不再相依於 jQuery。

********************************************************************************

(完)

相關

[研究]jQuery 和 jQuery UI的 CDN 網址
https://shaurong.blogspot.com/2023/03/jquery-jquery-ui-cdn.html

[研究]Bootstrap 3.x, 4.x, 5.x的官方 CDN 網址
https://shaurong.blogspot.com/2023/03/bootstrap-3x-4x-5x-cdn.html

[研究]CKEditor 4.x、5.x的官方 CDN 網址
https://shaurong.blogspot.com/2023/03/ckeditor-4x5x-cdn.html

[研究] ckeditor full, standard, basic 版的差別
http://shaurong.blogspot.com/2021/08/ckeditor-full-standard-basic.html

[研究][ASP.NET][JavaScript] ckeditor-full v4.9.2 試用(NuGet安裝)
http://shaurong.blogspot.com/2018/06/aspnetjavascript-ckeditor-full-v492.html

[研究] NuGet 安裝的 CKEditor 版本比較
http://shaurong.blogspot.com/2018/06/nuget-ckeditor.html


沒有留言:

張貼留言