Post by account_disabled on Jan 27, 2024 4:52:14 GMT
的第 4 版与之前的所有版本相比都有重大变化。它是一个移动优先的框架，可以说是构建响应式网站设计的最佳 CSS 框架之一。 Pause Next Unmute Current Time Duration 2:00 Fullscreen 由于 Bootstrap 是一个移动优先的框架，因此默认情况下，您设计或创建的任何内容都将是移动兼容或响应式的。这不是很酷吗？ 入门 Bootstrap 有一个新的网站设计，它本身是使用最新版本的 Bootstrap 框架（撰写本文时为版本 4）构建的。 引导程序 您可以使用 CDN 包含 Bootstrap 的预编译版本，也可以在此处下载存档文件。 Learn to Code with JavaScript 解压缩存档文件后，您将看到许多我们的教程不需要的文件和文件夹。直接跳转到dist目录并将所有文件夹复制到新的目的地，这将是您的项目主目录。 引导文件夹结构 在该框架的早期版本中，下载包含一个额外的字体文件夹。
现在，不包含任何字体，但我们可以轻松地从Font Awesome中获取一些不错的字体，例如，或者从您最喜欢的图标字体资源中获取。在我们的例子中，我们有两个目录，所以让我们分别看看。该css文件夹包含六个 CSS 文件 正如您所看到的，最新版本的 Bootstrap 比以前的版本更加模块化。如果您只需要一个漂亮的 CSS 重置，只需使用bootstrap-reboot.css（及其用于生产的缩小版本）。同样，如果您只想使用网格，请在 WhatsApp 号码数据 您的项目中包含bootstrap-grid.css（或bootstrap-grid.min.css用于生产）。 对于本教程，我们的主要 CSS 文件将为b只是 的缩小版本bootstrap.css。当我们实际在线部署应用程序时需要它。 转到该js文件夹，我们有以下四个文件： bootstrap.bundle.js 这些文件包含 Bootstrap 的主要 JavaScript 库，用于轮播、下拉菜单、搜索自动建议和许多其他强大的 JavaScript 功能。
当应用程序准备好部署时，我们将使用缩小版本。 自 Bootstrap 4 beta 2 以来，该js文件夹包含了两个新文件夹bootstrap-bundle.js（及其用于生产的缩小版本），以及 Popper.js，一个用于管理 Web 应用程序中 poppers 的智能 JavaScript 库。 那么我们到底要构建什么？ 在本文中，我们将使用 Bootstrap 4 构建一个静态登录页面，称为“Rental Vacations”。首先看一下演示页面。 调整浏览器窗口的大小，您会看到网页布局发生一些惊人的变化。它会根据窗口的大小进行调整。您还会注意到菜单栏自动隐藏到一个漂亮的触摸兼容菜单中。 所以我们要建造这个！兴奋的？我也是！ 结构 Bootstrap 能够理解 HTML5 元素，因此我们需要doctype向网页添加适当的标签。让我们创建一个新的 HTML 页面并添加以下doctype标签。我们有一个title元素，它很容易理解：它为页面提供了一个标题。
现在，不包含任何字体，但我们可以轻松地从Font Awesome中获取一些不错的字体，例如，或者从您最喜欢的图标字体资源中获取。在我们的例子中，我们有两个目录，所以让我们分别看看。该css文件夹包含六个 CSS 文件 正如您所看到的，最新版本的 Bootstrap 比以前的版本更加模块化。如果您只需要一个漂亮的 CSS 重置，只需使用bootstrap-reboot.css（及其用于生产的缩小版本）。同样，如果您只想使用网格，请在 WhatsApp 号码数据 您的项目中包含bootstrap-grid.css（或bootstrap-grid.min.css用于生产）。 对于本教程，我们的主要 CSS 文件将为b只是 的缩小版本bootstrap.css。当我们实际在线部署应用程序时需要它。 转到该js文件夹，我们有以下四个文件： bootstrap.bundle.js 这些文件包含 Bootstrap 的主要 JavaScript 库，用于轮播、下拉菜单、搜索自动建议和许多其他强大的 JavaScript 功能。
当应用程序准备好部署时，我们将使用缩小版本。 自 Bootstrap 4 beta 2 以来，该js文件夹包含了两个新文件夹bootstrap-bundle.js（及其用于生产的缩小版本），以及 Popper.js，一个用于管理 Web 应用程序中 poppers 的智能 JavaScript 库。 那么我们到底要构建什么？ 在本文中，我们将使用 Bootstrap 4 构建一个静态登录页面，称为“Rental Vacations”。首先看一下演示页面。 调整浏览器窗口的大小，您会看到网页布局发生一些惊人的变化。它会根据窗口的大小进行调整。您还会注意到菜单栏自动隐藏到一个漂亮的触摸兼容菜单中。 所以我们要建造这个！兴奋的？我也是！ 结构 Bootstrap 能够理解 HTML5 元素，因此我们需要doctype向网页添加适当的标签。让我们创建一个新的 HTML 页面并添加以下doctype标签。我们有一个title元素，它很容易理解：它为页面提供了一个标题。