一：bookstap简介

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。并且对开发响应式网页十分友好，使用框架进行网页开发还可以使网页各个原件的风格统一，开发难度降低，提高效率。

二：bookstap引入

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>

三：bookstap组件使用

在文档中找到想用的组件

 复制到项目中

 效果

四：bookstap的灵魂--栅格系统

Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。

 效果1

效果2

 finally

这是bookstap中文文档： https://v4.bootcss.com/docs/layout/grid/