diff --git "a/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md" "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md"
new file mode 100644
index 0000000000000000000000000000000000000000..11b78cb35ef217e6a6fd26f1fb717160653540fd
--- /dev/null
+++ "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md"
@@ -0,0 +1,30 @@
+### 一、Bootstrap与jQuery的关系
+1. 在 Bootstrap 3 之前的版本中，jQuery 是必须的，因为 Bootstrap 的很多 JavaScript 插件都依赖于 jQuery。例如，Bootstrap 的下拉菜单、模态框、滚动监听等组件都使用了 jQuery 来实现交互功能。
+2. 但是，从 Bootstrap 4.x 开始，Bootstrap 不再直接依赖于 jQuery，而是更加注重原生 JavaScript 的实现。因此，你可以选择是否使用 jQuery 来配合 Bootstrap 使用，根据项目的实际需求和个人偏好来决定是否使用 jQuery
+### 二、Bootstrap的简介
+#### 1.优势
+1. 移动设备优先
+2. 所以主流浏览器都支持
+3. 容易上手
+4. 响应式设计
+5. 开源
+
+#### 2.Bootstrap 包的内容
+- 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构
+- CSS：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统
+- 组件：包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框
+- JS插件：包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件
+
+#### 3.安装
+1. 官网下载文件
+2. CDN引入
+~~~html
+<!-- 新 Bootstrap 核心 CSS 文件 -->
+<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+ 
+<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
+<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
+ 
+<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
+<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
+~~~
\ No newline at end of file
diff --git "a/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md" "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2e36fcd08abbd982d65ace1b62c7281019b34460
--- /dev/null
+++ "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md"
@@ -0,0 +1,17 @@
+### 快速构建网页的工具包
+#### 1.Bootstrap(国外)
+1. 介绍：功能强大、功能丰富的前端工具包
+2. 使用：可以直接在html头部插入引用链接；或者通过script插入
+
+#### 2.Layui(国内)
+1. 介绍：开源 Web UI 组件库，非常适合网页界面的快速构建
+2. 使用：
+   - 官网下载
+   - Git下载
+   - 第三方CDN方式引入:
+   ~~~js
+    <!-- 引入 layui.css -->
+    <link href="http://unpkg.com/layui@2.9.8/dist/css/layui.css" rel="stylesheet">
+    <!-- 引入 layui.js -->
+    <script src="http://unpkg.com/layui@2.9.8/dist/layui.js"></script>
+   ~~~
\ No newline at end of file