BootStrap教程记录002-环境的搭建

xiaoxiao2021-02-28  79

您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将看到如下所示的网页:

也可以从bootstrap中文网下载

预编译的 Bootstrap

当您下载了 Bootstrap 的已编译的版本,解压缩 ZIP 文件,您将看到下面的文件/目录结构:

如上图所示,可以看到已编译的 CSS 和 JS(bootstrap.*),以及已编译压缩的 CSS 和 JS(bootstrap.min.*)。同时也包含了 Glyphicons 的字体,这是一个可选的 Bootstrap 主题。

Bootstrap 源代码

如果您下载了 Bootstrap 源代码,那么文件结构将如下所示:

less/、js/ 和 fonts/ 下的文件分别是 Bootstrap CSS、JS 和图标字体的源代码。 dist/ 文件夹包含了上面预编译下载部分中所列的文件和文件夹。 docs-assets/、examples/ 和所有的 *.html 文件是 Bootstrap 文档。

国内推荐使用 BootCDN 上的库:

<!-- 新 Bootstrap 核心 CSS 文件 --> < link href = " https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css " rel = " stylesheet " > <!-- 可选的Bootstrap主题文件(一般不使用) --> < script src = " https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css " > </ script > <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> < script src = " https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js " > </ script > <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> < script src = " https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js " > </ script >

此外,你还可以使用以下的 CDN 服务:

国内推荐使用 : https://www.staticfile.org/ 国际推荐使用:https://cdnjs.com/
转载请注明原文地址: https://www.6miu.com/read-84713.html

最新回复(0)