【前端框架】bootstrap框架的引入使用

2024-10-12 15:17:38

1、首先要进入官网,我们直接百度bootstrap,看得有个中文网,进入就可以了,或者看下图地址栏输入。

【前端框架】bootstrap框架的引入使用

3、进入下载文件夹进行解压,这里我们可以看得解压后文件夹中所包含的文件。我们所需要知道的是,css是样式文件夹,里面包含了所有构造样式类,js是基于jQuery的行为文件夹,在引入js文件前需要先引入jQuery的js文件,font用于存储图标。

【前端框架】bootstrap框架的引入使用

4、现在我们创建一个新项目。将框架目录放到文件夹下面。然后创建一个html的文件作为页面容器。

【前端框架】bootstrap框架的引入使用

6、为了兼容手机端,还需要添加一条<meta name="viewpor" content="width=device-width,initial-scale=1.0">

【前端框架】bootstrap框架的引入使用
猜你喜欢