首頁 > web前端 > Bootstrap教程 > bootstrap.js有什麼用

bootstrap.js有什麼用

藏色散人
發布: 2020-11-30 14:30:59
原創
6604 人瀏覽過

bootstrap.js是bootstrap的所有js指令的集合,其作用就是供開發的時候進行調試用,其使用方法是找到dist資料夾裡面的css和JS文件,將帶有min的拷貝到你專案中對應的css和JS資料夾裡面即可。

bootstrap.js有什麼用

推薦:《bootstrap教程

bootstrap.js的作用

#bootstrap.js 這個是bootstrap的靈魂所在,是bootstrap的所有js指令的集合,你看到bootstrap裡面所有的js效果,都是由這個檔案控制的,這個檔案也是一個未經壓縮的版本,供開發的時候進行調試用

獲取bootstrap.js檔案

去bootstrap官方網站上下載源碼,也可以使用相關的CND來創建,具體方法是:下載bootstrap,找到dist資料夾裡面的css和JS文件,將帶有min的拷貝到你專案中對應的css和JS資料夾裡面。

bootstrap.js有什麼用

在前端頁面head標籤裡面引入css檔案:

<link rel="stylesheet" href="/css/bootstrap.min.css" >
登入後複製

在頁面標籤的前面加上引入JS程式碼,注意jQuery、 popper、和bootstrap這三個js的順序不能變,必須先引入jQuery,其次是popper,最後才是bootstrap,因為他們之間有相互依賴的關係,改變了順序會導致程式碼失效:

<script src="/js/jquery-3.4.1.slim.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
登入後複製

bootstrap.js有什麼用

有min的檔案是經過壓縮後的文件,體積會比較小,載入速度更快,例如bootstrap.min.js就是經過壓縮後的,而沒有min的例如bootstrap.js就是沒有壓縮處理過,適合需要修改其中的程式碼使用,差異就是壓縮與否的關係。

以上是bootstrap.js有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板