bootstrap组件库是一套预构建的、可复用的ui模块集合，涵盖基础样式、布局、导航、交互及辅助组件，具备响应式设计、语义化结构、无障碍支持等优势，但存在定制复杂、体积较大、兼容性问题等不足。
Bootstrap组件库是一套预构建的、可复用的UI模块集合，用于快速搭建风格统一且响应式的网页界面。其内容覆盖基础布局、交互控件与功能增强模块，适用于各类前端开发场景。以下是对其组成及常用组件优缺点的说明：
一、Bootstrap组件库包含的内容
Bootstrap组件库以HTML、CSS和JavaScript为基础，整合了结构化布局工具与交互式UI元素。它并非仅提供样式类，而是包含语义化结构定义、行为逻辑封装及无障碍支持机制。
1、基础样式组件：包括排版（.text-center、.lead）、颜色工具类（.bg-primary、.text-muted）、间距工具（.m-3、.p-2）等。
2、布局组件：涵盖栅格系统（.container、.row、.col-md-6）、表格（.table、.table-striped）、表单（.form-control、.form-check）等。
3、导航与菜单组件：含标签页（.nav-tabs）、胶囊式导航（.nav-pills）、下拉菜单（.dropdown）、面包屑（.breadcrumb）等。
4、交互组件：包括模态框（.modal）、轮播图（.carousel）、折叠面板（.collapse）、提示框（.tooltip）、弹出框（.popover）等。
5、辅助与扩展组件：如徽章（.badge）、进度条（.progress）、列表组（.list-group）、卡片（.card）、图标（.glyphicon 或第三方集成）等。
二、按钮组件的优缺点
按钮是用户触发操作的核心入口，Bootstrap通过语义化类名统一控制外观与状态，降低样式冲突风险。
1、优点：支持多种预设样式（.btn-primary、.btn-outline-success），具备悬停、聚焦、禁用等状态自动适配；内置无障碍属性（role="button"、aria-pressed）；尺寸可调（.btn-lg、.btn-sm）。
2、缺点：默认样式较固定，深度定制需覆盖大量CSS规则；部分旧版本中
三、导航组件的优缺点
导航组件负责组织页面层级关系与跳转路径，强调可访问性与视觉引导能力。
1、优点：标签页与胶囊菜单支持键盘操作（Tab键切换、方向键选择）；响应式断点自动折叠为汉堡菜单（配合.navbar-expand-*类）；支持下拉子菜单嵌套，结构清晰。
2、缺点：默认下拉菜单在移动端展开后无法点击遮罩关闭；多级下拉需手动添加JS事件监听；导航栏高度固定，自定义高度时易破坏内部flex对齐逻辑。
四、模态框组件的优缺点
模态框用于临时中断主流程并呈现关键信息或操作界面，依赖JavaScript实现显隐控制与焦点管理。
1、优点：自动处理背景滚动锁定（.modal-open类注入body）；支持键盘ESC关闭、点击遮罩关闭、焦点捕获（首个可聚焦元素）；提供show、hide、hidden.bs.modal等事件钩子。
2、缺点：嵌套模态框官方不支持，强行叠加易导致遮罩层错位与z-index混乱；动态内容加载需手动绑定事件，否则内部按钮可能失效；IE11中存在transition动画兼容性问题。
五、表格组件的优缺点
表格组件用于结构化展示行列数据，兼顾语义表达与视觉区分度。
1、优点：提供斑马纹（.table-striped）、悬停高亮（.table-hover）、紧凑模式（.table-sm）、响应式容器（.table-responsive）等开箱即用特性；支持<thead>、<code><tbody>、<code><caption></caption>等标准语义标签。
2、缺点：无内置分页、排序、搜索功能，需结合DataTables等插件；响应式表格在窄屏下仅支持横向滚动，无法自适应列宽；.table-dark主题下部分文本对比度未达WCAG AA标准。
