认识Bootstrap与引用

1.官网：Bootstrap中文网 (bootcss.com)
    2.BS是一个入门级UI框架，汇集了HTML、CSS（less）（布局）和JavaScript（插件）的一个框架。
    3.BS不是所有项目都适合使用BS实现布局，如果UI工程师没有按照BS的栅格系统理念去设计UI图，因为BS不适合做固定宽高的网页。
BS一般用于开发没有UI图的项目，且为响应式的项目。
    4.BS3和BS4的区别：
        BS3有4种栅格，而BS4有5种栅格；
        BS4全面引入ES6，新增了网格层适配移动端，CSS文件减少了40%以上，并且所有文档都采用了Markdown编辑器编写；
        BS4引入了弹性盒子等。
    5.BS4中文文档
        逐浪CMS团队翻译的中文使用手册：Bootstrap4中文站 · 全球最流行的 HTML、CSS 和 JS 工具库。 (z01.com)
    6.Boostrap是Twitter公司开发，2010年6月发布的。
    7.BS核心开发成员马克.奥托和雅各布·桑顿。
    8.Bootstrap主要特色
        1）由匠人造，为匠人用
        2）简单易学
        3）*跨设备、跨浏览器
        4）*提供12列栅格布局
        5）*支持响应式设计
        6）样式化的文档
        7）不断完善的代码库
        8）*可定制的jQuery插件
        9）支持HTML5
        10）支持CSS3
        11）提供开源代码
        12）由Twitter制造
    9.Bootstrap主要功能
        1）栅格系统
        2）布局
        3）字体样式
        4）多媒体展现
        5）表单
        6）导航等
        7）JavaScript插件
    10.使用BS方法
        1）本地引入（必须先下载）
            a.引入bootstrap.css或bootstrap.min.css
                <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
            b.引入JS（如果不使用插件，不需要引入JS）bootstrap.js或bootstrap.min.js。
            注意：bootstrap.js依赖于jquery.js，在引入它之前必须先引入jquery.js。
                <script src="js/jquery.js" type="text/javascript"></script>
                <script src="js/bootstrap.js" type="text/javascript"></script>
        2）CDN引入（不需要下载）（推荐使用这种方法引入）(https://bootcss.cn)
            a.引入CSS（版本引用可在BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务中搜索下载）
                <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
            b.引入JS
                <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.js"></script>
                <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
        3）在项目环境使用（后面课程再讲）
            a.安装Bootstrap
                npm install jquery@3.4.1 --save 或：cnpm i jquery@3.4.1 -S
                npm install bootstrap@3.3.7 --save 或：cnpm i bootstrap@3.3.7 -S
            b.全局(main.js)或局部(当前页面)引入
                import $ from 'jquery'
                import 'bootstrap.css'