首頁 >web前端 >Bootstrap教程 >bootstrap需要引用哪些文件

bootstrap需要引用哪些文件

青灯夜游
青灯夜游原創
2021-10-29 14:23:297102瀏覽

bootstrap需要引用3個文件,分別為:1、Bootstrap核心的CSS檔案「bootstrap.min.css」;2、jQuery檔案「jquery.min.js」;3、JavaScript檔案「bootstrap. min.js」。

bootstrap需要引用哪些文件

本教學操作環境:Windows7系統、bootsrap3.3.7版、DELL G3電腦

Bootstrap的參考檔非常簡單

必須的檔案只有三個:

@*bootstrap的引用*@

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>   
    
    <!-- Bootstrap 核心 CSS 文件 -->  
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">  
    
    <!-- Bootstrap 核心 JavaScript 文件 -->  
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

還有一個可選的檔案:

<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css" >

#首先,需要從bootstrap官網上下載用於生產環境的bootstrap,裡麵包含了它的基本的引用文件。

  • jquery.min.js——引用jQuery文件,bootstrap是基於jQuery的,所以要加入jQuery文件的引用。

  • bootstrap.min.css——bootstrap的CSS樣式檔。

  • bootstrap.min.js——bootstrap的JavaScript檔。

推薦學習:《bootstrap使用教程

以上是bootstrap需要引用哪些文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn