bootstrap的简介和引入

简介

• 什么是bootstrap：bootstrap是一个UI框架
• bootstrap的作用：可以快速搭建响应式网站
• 怎么使用bootstrap：使用它提供的已经封装好的CSS样式，
• 提前了解封装好的样式有什么功能，并按照它提供的文档应用就可以

引入步骤

1. 点击下面网址下载bootstrap生产文件。
   bootstrap生产文件下载地址
2. 打开下载下来的文件，在项目文件里创建CSS文件夹，打开下载下来的bootstrap文件夹里的CSS文件夹，把里面的<bootstrap.css>文件拷贝到自己项目文件夹里面的CSS文件夹。
3. 打开下载下来的文件，在项目文件里创建JS文件夹，打开下载下来的bootstrap文件夹里的JS文件夹，把里面的<bootstrap.bundle.js>文件拷贝到自己项目文件夹里面的JS文件夹。
4. 在html文件里面的head标签按下面方式引入文件

   <!-- 引入bootstrap的CSS文件 -->
    <!-- 验证文件链接引入是不是正确的小技巧：
        鼠标移入链接处-按alt键-点击链接-能打开文件就说明链接引入是正确的 -->
    <link rel="stylesheet" href="../CSS/bootstrap.css">
    <!-- 引入bootstrap的JS文件 -->
    <script src="../JS/bootstrap.bundle.js"></script>