bootstrap需要引用3個(gè)文件,分別為:1、Bootstrap核心的CSS文件“bootstrap.min.css”;2、jQuery文件“jquery.min.js”;3、JavaScript文件“bootstrap.min.js”。
本教程操作環(huán)境:Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦
Bootstrap的引用文件非常簡單
必須的文件只有三個(gè):
@*bootstrap的引用*@ <!-- jQuery文件。務(wù)必在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>
還有一個(gè)可選的文件:
<!-- 可選的 Bootstrap 主題文件(一般不用引入) --> <link rel="stylesheet" href="css/bootstrap-theme.min.css" >
首先,需要從bootstrap官網(wǎng)上下載用于生產(chǎn)環(huán)境的bootstrap,里面包含了它的基本的引用文件。
-
jquery.min.js——引用jQuery文件,bootstrap是基于jQuery的,所以要添加jQuery文件的引用。
-
bootstrap.min.css——bootstrap的CSS樣式文件。
-
bootstrap.min.js——bootstrap的JavaScript文件。
推薦學(xué)習(xí):《bootstrap使用教程》