bootstrap框架怎么导入

admin 33 0

Bootstrap框架可以通过以下步骤导入:

1. 进入Bootstrap官网,选择下载Bootstrap。

2. 下载完成后解压,找到dist文件夹,该文件夹下的三个子文件夹:css,js,fonts。

3. 在项目根目录下创建static文件夹,在该文件夹下再创建css,js,fonts,img四个子文件夹,分别用来存储项目共享的样式文件、JavaScript代码文件、字体库文件和图片文件。

4. 将dist文件夹中的内容复制到static文件夹对应的子文件夹下面。

5. 在static中的css文件夹中创建一个style.css文件,后续如果有组件需要进行细微地调整,就可以在style.css文件中编写代码覆盖Bootstrap中的基础样式。

需要注意的是,在引入js文件前需要先引入jQuery的js文件,因为Bootstrap的所有JavaScript插件都依赖jQuery,如果顺序引反则会没有效果。