书: https://pan.baidu.com/s/1jDVnfhmGRwu5jeEuV63Kcg?pwd=bmyj
笔记如下：
- 响应式网格系统：12列栅格布局，通过
container、row、col类实现多设备适配。 - 预定义组件：导航栏（
navbar）、卡片（card）、轮播（carousel）等开箱即用。 - 实用工具类：间距（
m/p方向-大小）、文本对齐（text-center）、边框（border）快速样式调整。 - Flexbox布局：
d-flex结合justify-content/align-items控制元素排列。 - 表单优化：
form-control统一输入框样式，input-group集成按钮/标签。 - 按钮与图标：
btn类定制按钮，整合FontAwesome图标（fa fa-icon）。 - 响应式断点：
sm/md/lg/xl媒体查询适配不同屏幕尺寸。 - 主题定制：Sass变量修改（如
$primary-color），编译生成个性化CSS。 - JavaScript插件：模态框（
modal）、下拉菜单（dropdown）依赖Popper.js。 - 无障碍支持：ARIA属性（
aria-label）增强屏幕阅读器兼容性。 - 工具提示与弹出框：
data-toggle="tooltip"触发悬浮提示，popover显示更多内容。 - 表格增强：
table-responsive实现水平滚动，table-striped添加斑马纹。 - 导航与标签页：
nav-tabs切换内容，breadcrumb展示层级路径。 - 进度条与徽章：
progress-bar显示任务进度，badge标记通知数量。 - 折叠与手风琴：
collapse控制内容显隐，accordion实现多面板折叠。 - 轮播图配置：
data-interval调整切换速度，data-pause控制悬停暂停。 - 打印优化：
d-print-none隐藏非必要元素，确保打印内容简洁。 - 自定义构建：通过官方工具选择所需组件/插件，生成最小化CSS/JS文件。
- 浏览器兼容：Autoprefixer自动添加CSS厂商前缀，支持IE10+。
- 项目实战技巧：覆盖默认样式（
!important慎用），结合CSS Grid补充复杂布局。