Bootstrap 第 1 课：Bootstrap 基础知识

Bootstrap 第 1 课：Bootstrap 基础知识

大家好，

Michael 在这里，在今天的课程中，我将介绍一个新的编程工具 - Bootstrap（我将在本博客中介绍的第八个编程工具）。

Bootstrap 到底是什么？好吧，简单地说，Bootstrap 是一个 HTML/CSS/JavaScript Web 开发工具，可让您创建对移动设备友好且易于响应的网站。

现在，您可能想知道这是否意味着您将学习一门具有全新语法的全新语言。 Bootstrap 的好处在于，虽然我将向大家介绍一些新语法，但如果您至少具备 HTML 和 CSS 的工作知识（所以如果您遵循我的 HTML 和 CSS教训，你应该很好去这里）。如果有帮助，请将 Bootstrap 视为 HTML 和 CSS 的补充。

现在，我们如何开始使用 Bootstrap？首先，我们要从下载最新版本的 Bootstrap 开始（截至 2022 年 9 月）-Bootstrap 5-from getbootstrap.com .

我说下载 Bootstrap 了吗？你可以这样做，但有一个更方便的解决方法。在您的 HTML 文件中，将这两行代码复制到您的文档中：

这两行代码将为您提供运行 Bootstrap 所需的所有 CSS 和 JavaScript 脚本（是的，您需要这两个脚本才能充分利用 Bootstrap）。

• 关于这两行代码 - 每次您想为您的网站使用 Bootstrap 时都需要它们，因为如果您不在 HTML 文件顶部包含这两行代码，您的网站将无法在 Bootstrap 上运行

现在，让我们创建我们的第一个 Bootstrap 网站！看看下面的代码（记得在文件顶部包含我刚才提到的两行代码）：

这是你的第一个 Bootstrap 网站！！！

如您所见，我们创建了一个简单的 Bootstrap 站点。诚然，网站上没有太多内容或 CSS 样式，但不用担心——我们将在接下来的几节课中介绍更酷的 Bootstrap 功能！

谢谢阅读，

迈克尔

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/22840/50550909