Logo

接下来是什么?

结束我们的 Bootstrap 4 布局深度课程。

概念

接下来是什么?

结束我们的 Bootstrap 4 布局深度课程。

我们在这门课程中学习了众多概念。我们已经实践了以下内容:

  • 跟踪布局并基于布局进行开发
  • 从网页上的其他布局复制粘贴代码
  • 使用浏览器中的开发者工具
  • 思考响应式代码,并在布局中实现它
  • 使用 jQuery 插件
  • SCSS 的基础入门知识
  • Angular 的基本概念
  • GitHub Desktop(附录部分)

显而易见但值得强调的是,仅仅作为一个框架,意味着以下几点:

  • 存在许多我们尚未熟悉的其他框架,例如 Bulma、Materialize 等。
  • Bootstrap 在底层处理了许多其他概念,例如开箱即用的无障碍访问支持。这意味着最佳实践已内置其中,我们在使用 Bootstrap 时无需额外考虑这些问题。

以下是 Bootstrap 中常用的核心组件列表:

  1. 手风琴(Accordion)
  2. 警告提示(Alerts)
  3. 标签徽章(Badge)
  4. 面包屑导航(Breadcrumb)
  5. 按钮(Buttons)
  6. 按钮组(Button group)
  7. 卡片(Card)
  8. 轮播图(Carousel)
  9. 关闭按钮(Close button)
  10. 折叠面板(Collapse)
  11. 下拉菜单(Dropdowns)
  12. 列表组(List groups)
  13. 模态框(Modal)
  14. 导航与标签页(Navs & tabs)
  15. 导航栏(Navbar)
  16. 侧边抽屉(Offcanvas)
  17. 分页控件(Pagination)
  18. 气泡提示(Popovers)
  19. 进度条(Progress)
  20. 滚动监听(Scrollspy)
  21. 加载动画(Spinners)
  22. 通知提示(Toasts)
  23. 工具提示(Tooltips)

恭喜你完成本课程!

Shopify 克隆布局(Bootstrap 4)

附录:用 GitHub 提交代码