【Udemy中英字幕】Mastery Of Bootstrap 5 – Unlock Bootstrap From Basic To Pro

精通 Bootstrap 5 – 解锁 Bootstrap 从基础到专业

简单的分步指南助您掌握 Bootstrap 5 的实际应用 || 创建响应式网页布局

讲师：Pamch Tutor M.Ed

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

了解如何使用 Bootstrap CDN 或使用下载的完整 Bootstrap 文件夹在您的项目中链接 Bootstrap。
了解如何使用 Bootstrap 的响应式 Stack（水平/垂直堆栈）来设计网站布局
了解如何使用 Bootstrap 的 Row 列和 Flex 设计来创建不同的网站布局
掌握 Bootstrap 的响应式导航栏、导航、药丸和标签、画布外、下拉菜单。
了解掌握 Bootstrap 的 12 列网格系统来设计不同的网站布局
探索如何构建 Bootstrap 的警报、模式、吐司、弹出窗口和工具提示。
掌握Bootstrap的轮播以及如何自定义它
使用 Bootstrap 的类（图标、链接、浮动、大小、间距、文本、背景颜色、显示、位置、边框）快速有效地设置元素样式。
掌握使用 Bootstrap 构建分页、按钮、徽章、进度条、面包屑的艺术
掌握 Bootstrap 灵活的 scrollspy、accordion、collapse 布局。
应用 Bootstrap 的类来构建表格、列表组、卡片、表单

探索相关主题

引导
Web 开发
发展

要求

您已经知道如何使用 HTML 和 CSS 进行编码。您对 CSS 有很好的理解
已经知道如何使用 Flexbox，但这不是必须的。
你需要一台安装了代码编辑器的笔记本电脑 – 例如 Visual Studio Code、Sublime text 等。我将使用 Visual Studio Code

描述

我很高兴你能来这里！这是一门全面的 Bootstrap 5 课程

**请注意：本 Bootstrap 课程不包括地图、修饰符、混合或 SASS 自定义。本课程不包括通过 NPM 安装 Bootstrap。

感谢您购买这门全面的 Bootstrap 课程。在本课程中，我们将揭开 Bootstrap 的神秘面纱，并了解 Bootstrap 5 背后的原因。

我迫不及待地想指导您使用这个强大的工具，它将使用 Bootstrap 框架改变您的 Web 开发技能。如果您是 Bootstrap 的初学者，正在尝试掌握网站布局开发，或者您是一位经验丰富的开发人员，希望升级您的前端技能，本课程旨在为您提供坚实的基础和实用知识，让您轻松构建令人惊叹的响应式网站。

在本课程结束时：

– 您将能够使用 Bootstrap 框架的功能设计和制作具有不同页面的高级网站

为什么要学习这门课程？

– 了解如何使用 Bootstrap CDN 在您的项目中链接 Bootstrap，或通过使用下载的完整 Bootstrap 文件夹在本地链接 Bootstrap。

– 了解掌握Bootstrap 的 12 列网格系统来设计不同的网站布局

– 了解如何使用 Bootstrap 的Row 列和 Flex 设计来创建不同的网站布局

– 了解如何使用 Bootstrap 的响应式堆栈（水平/垂直堆栈）来设计网站布局

– 掌握 Bootstrap 的轮播以及如何自定义它

– 掌握 Bootstrap 的scrollspy、accordion、collapse 布局。

– 探索如何构建 Bootstrap 的警报、模式、吐司、弹出窗口、工具提示。

– 掌握 Bootstrap 的响应式导航栏、导航、药丸和标签、画布外、下拉菜单。

– 应用 Bootstrap 的类来构建表格、列表组、卡片、表单

– 掌握使用 Bootstrap 构建分页、按钮、徽章、进度条、面包屑的艺术

– 使用 Bootstrap 的类（图标、链接、浮动、大小、间距、文本、背景颜色、显示、位置、边框）快速有效地设置元素样式

为什么选择 Bootstrap？

Bootstrap 是世界上最流行的前端开发框架。Bootstrap 可以帮助您创建一个出色的网站，并在短时间内让您的网站启动并运行。Bootstrap 非常容易上手 – 您只需要对 HTML 和 CSS 有很好的理解。

使用 Bootstrap，您可以在整个移动应用程序中实现一致且专业的设计。它提供了一组预定义的样式和主题，可以轻松自定义以匹配您的品牌身份。Bootstrap 的设计考虑了现代网络浏览器，并且与所有现代浏览器兼容，例如 Chrome、Firefox、Safari、Internet Explorer 等。

使用 Bootstrap，开发人员可以利用预先设计的组件以及用于创建响应式布局的网格系统来节省时间和精力。它还提供了许多样式选项和实用程序来增强网站的整体外观和功能。

Bootstrap 被 Web 开发人员广泛用于简化 Web 开发流程并创建一致且具有视觉吸引力的用户界面。

Bootstrap 5.* 中的网格系统采用了一种新的、更灵活的布局。它引入了新的间隙实用程序，并且不再依赖浮动。

使用 Bootstrap 还可以做更多的事情。