bootstrap组件封装

Bootstrap 是一个流行的前端框架，其中包含了许多常用的 UI 组件，如按钮、表单、导航栏等。下面是封装 Bootstrap 组件的一些步骤：

1. 导入 Bootstrap 样式和 JavaScript 文件。

2. 编写 HTML 结构，并为每个组件添加一个唯一的标识符，如 ID 或类名。

3. 创建一个 JavaScript 模块，封装 Bootstrap 组件的功能。这个模块可以使用 jQuery 或原生 JavaScript 实现。在这个模块中，你需要：

- 获取组件的 DOM 元素。

- 初始化组件，如使用 jQuery 的 `$(selector).component()` 方法或 Bootstrap 的 `new Component(element)` 构造函数。

- 为组件添加事件监听器或方法。

4. 在页面加载完成后，调用你的 JavaScript 模块，以初始化所有的组件。

5. 如果你想在多个页面使用这些组件，可以将它们封装为一个独立的 JavaScript 库，并在需要的页面中导入。

封装 Bootstrap 组件可以让你更好地控制组件的样式和行为，并且可以提高代码的可重用性。