BootStrap开发实践 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

使用本地BootStrap文件

如果你想稳定的使用BootStrap(不会因为断网而无法使用),那么,我建议你还是把它下载下来,放在本地项目中使用它。在本地使用它很简单。

1.首先把它的文件按照类别放在项目的文件夹中

你可以把CSS文件——bootstrap.min.css放在类似stylesheets这样专门放CSS的文件夹。把js文件——bootstrap.min.js放在类似Scripts文件夹中。当然,最终如何部署可以按照你的个人喜好。

2.在页面中使用BootStrap

将BootStrap的文件bootstrap.min.cssbootstrap.min.js引入当前页面中,由于BootStrap是基于Jquery的,所以在引入它的js文件之前,一定要先引入Jquery.js。注意:这里考虑到文件大小,我们引入了min版的文件,当然,你也可以引入完整版的文件。

示例代码如下:

<!-- Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">

<!-- jQuery文件 -->
<script src="/scripts/jquery.min.js"></script>

<!-- Bootstrap 核心 JavaScript 文件 -->
<script src="/scripts/bootstrap.min.js"></script>