- Bootstrap从入门到项目实战
- 李爱玲
- 390字
- 2021-03-24 20:36:43
2.3.1 本地安装
移动设备优先，Bootstrap 4不同于历史版本，它首先为移动设备优化代码，然后用CSS媒体查询来扩展组件。为了确保所有设备的渲染和触摸效果，必须在网页的<head>区添加响应式的视图标签，代码如下：
接下来安装Bootstrap，需要以下两步。
第1步：安装Bootstrap的基本样式，在<head>标签中，使用<link>标签调用CSS样式，这是常见的一种调用方法。另外还需要包含一个viewportmeta标记来进行适当的响应行为。
其中bootstrap.css是Bootstrap的基本样式，style.css是项目自定义的样式。
注意
调用必须遵从先后顺序。style.css是项目中的自定义样式，用来覆盖Bootstrap中的一些默认设置，便于开发者定制本地样式，所以必须在bootstrap.css文件后面引用。
第2步：CSS样式安装完成后，开始安装bootstrap.js文件。方法很简单，按照与CSS样式相似的引入方式，把bootstrap.js和jquery.js引入页面代码中即可。
其中jquery.js是jQuery库基础文件；Popper.js是一些Bootstrap插件依赖的文件，例如，弹窗插件、工具提示插件、下拉菜单插件等；bootstrap.js是Bootstrap的jQuery插件的源文件。JavaScript脚本文件建议置于文档尾部，即放置在</body>标签的前面。