概念
接下来是什么?
结束我们的 Bootstrap 4 布局深度课程。
我们在这门课程中学习了众多概念。我们已经实践了以下内容:
- 跟踪布局并基于布局进行开发
- 从网页上的其他布局复制粘贴代码
- 使用浏览器中的开发者工具
- 思考响应式代码,并在布局中实现它
- 使用 jQuery 插件
- SCSS 的基础入门知识
- Angular 的基本概念
- GitHub Desktop(附录部分)
显而易见但值得强调的是,仅仅作为一个框架,意味着以下几点:
- 存在许多我们尚未熟悉的其他框架,例如 Bulma、Materialize 等。
- Bootstrap 在底层处理了许多其他概念,例如开箱即用的无障碍访问支持。这意味着最佳实践已内置其中,我们在使用 Bootstrap 时无需额外考虑这些问题。
以下是 Bootstrap 中常用的核心组件列表:
- 手风琴(Accordion)
- 警告提示(Alerts)
- 标签徽章(Badge)
- 面包屑导航(Breadcrumb)
- 按钮(Buttons)
- 按钮组(Button group)
- 卡片(Card)
- 轮播图(Carousel)
- 关闭按钮(Close button)
- 折叠面板(Collapse)
- 下拉菜单(Dropdowns)
- 列表组(List groups)
- 模态框(Modal)
- 导航与标签页(Navs & tabs)
- 导航栏(Navbar)
- 侧边抽屉(Offcanvas)
- 分页控件(Pagination)
- 气泡提示(Popovers)
- 进度条(Progress)
- 滚动监听(Scrollspy)
- 加载动画(Spinners)
- 通知提示(Toasts)
- 工具提示(Tooltips)
恭喜你完成本课程!