Bootstrap 是一个免费的前端框架，用于快速开发响应式、移动设备优先的网站。它包含了预编译的 CSS、HTML 和 JavaScript 组件，可以让你更容易地构建美观的网页。

Bootstrap 特点

  • 响应式布局：Bootstrap 提供了一系列的响应式工具，可以确保你的网站在不同设备上都能良好展示。
  • 丰富的组件：包括按钮、表单、导航栏、轮播图等，几乎涵盖了所有常见的网页元素。
  • 简洁易用：通过预编译的 CSS 和 HTML，你可以快速搭建页面结构，减少开发时间。

快速开始

要开始使用 Bootstrap，你可以通过以下步骤：

  1. 下载 Bootstrap：从 Bootstrap 官网 下载最新版本的 Bootstrap。
  2. 引入 Bootstrap：将 Bootstrap 的 CSS 和 JavaScript 文件引入到你的 HTML 文件中。
  3. 开始编写代码：使用 Bootstrap 的组件和类来构建你的网页。

代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <title>Bootstrap 示例</title>
</head>
<body>
    <h1>Hello, Bootstrap!</h1>
    <button class="btn btn-primary">点击我</button>
</body>
</html>

扩展阅读

想要了解更多关于 Bootstrap 的信息，可以访问 Bootstrap 官方文档。

Bootstrap