Bootstrap Code Play

Code Play

包含广告

关于此应用

通过 Bootstrap 课程学习响应式网页设计，课程内容可编辑和预览。Bootstrap Code Play 将讲解、示例代码和 Playground 连接起来，让您可以探索标记更改如何影响页面。

阅读、修改、预览

选择一个主题，阅读其工作原理，然后点击“尝试一下”在编辑器中打开示例。更改类、调整内容或添加元素。打开“预览”查看结果，然后返回“代码”进行另一个实验。

学习构建模块

练习响应式网格、排版、按钮、提示框、表格和表单。在相关的学习路径中探索卡片、导航栏、手风琴和对话框等组件。引导式课程包含步骤、挑战和常见错误，帮助您理解代码，而不仅仅是复制粘贴。项目课程将概念整合到定价部分和简洁仪表板等示例中。

选择学习路径

您可以学习内置的 Bootstrap 5.3.8 学习路径，也可以探索 Bootstrap 4.6.2 和 3.4.1 的旧版本项目。旧版本已停止维护，仅供学习和迁移之用。单独的 Bootstrap 6 alpha 学习路径尚处于实验阶段；其预览需要网络连接和现代 WebView。

持续练习

搜索主题或按类别浏览。标记课程完成情况，并查看每个版本的完成次数。打开 Playground 进行您自己的 HTML 实验，保存文件，并通过“已保存的文件”返回到该文件。

使用实用工具进行编辑

在处理示例时，可以使用语法高亮、撤销和重做、查找和替换以及跳转到指定行等功能。“另存为”功能会保留一份单独的副本，“共享代码”功能会将编辑器中的文本通过可用的共享选项发送出去。

对于学生、自学者和重新学习响应式布局的开发者来说，该应用提供了一个实用的循环：阅读说明，进行少量更改，然后查看输出结果。

该应用包含广告。引用外部资源的示例需要网络连接；远程资源的可用性可能有所不同。