书: https://pan.baidu.com/s/1jDVnfhmGRwu5jeEuV63Kcg?pwd=bmyj
笔记如下：
- Bootstrap定制化：使用Sass变量和mixins修改默认主题样式（如颜色、字体、间距）。
- 响应式设计策略：基于Bootstrap栅格系统设计适配多设备的布局（移动优先原则）。
- 导航栏优化：实现固定顶部导航（
.navbar-fixed-top）、响应式折叠菜单及下拉二级菜单。 - 高级表单设计：结合HTML5验证与Bootstrap样式，自定义复选框/单选按钮（
.custom-control）。 - 卡片组件实战：创建复杂卡片布局（图文混排、悬浮效果、卡片组
.card-group）。 - 模态框深度应用：动态加载内容、调整尺寸（
.modal-lg）、垂直居中及多模态叠加。 - 轮播图进阶：添加动画过渡、指示器自定义、异步加载图片及触控支持优化。
- 折叠与手风琴交互：结合JavaScript控制折叠状态，实现动态内容加载（如FAQ页面）。
- 工具提示与弹出框增强：通过JavaScript API动态触发，自定义位置与样式。
- 表格高级样式：响应式表格（
.table-responsive）、条纹行（.table-striped）及悬停效果。 - Flexbox深度整合：利用
.flex-*类实现复杂对齐、排序与自适应间距布局。 - 实用工具类组合：通过间距（
.m-*）、边框（.rounded）和阴影（.shadow-sm）快速构建UI细节。 - 自定义组件开发：扩展Bootstrap的JavaScript插件（如创建新的下拉菜单行为）。
- 性能优化：按需加载Bootstrap模块、使用PurgeCSS移除未使用的CSS。
- 与前端工具链集成：通过Webpack或Gulp编译Sass、自动化构建及代码压缩。
- 无障碍（A11Y）适配：为组件添加ARIA属性（如
aria-label）、键盘导航支持。 - 第三方库兼容：在Bootstrap项目中集成jQuery插件（如日期选择器）的样式冲突解决方案。
- Bootstrap图标库：使用官方Bootstrap Icons或Font Awesome的图标嵌入方法。
- 企业级布局案例：构建后台管理系统框架（侧边栏、多级菜单、数据看板）。
- 故障排查与调试：常见CSS冲突解决、响应式断点调试及浏览器兼容性处理。