使用本地BootStrap文件
如果你想稳定的使用BootStrap(不会因为断网而无法使用),那么,我建议你还是把它下载下来,放在本地项目中使用它。在本地使用它很简单。
1.首先把它的文件按照类别放在项目的文件夹中
你可以把CSS文件——bootstrap.min.css放在类似stylesheets这样专门放CSS的文件夹。把js文件——bootstrap.min.js放在类似Scripts文件夹中。当然,最终如何部署可以按照你的个人喜好。
2.在页面中使用BootStrap
将BootStrap的文件bootstrap.min.css、bootstrap.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>