Bootstrap 简介

Bootstrap 是一个流行的前端框架，用于快速开发响应式、移动设备优先的网站。它提供了丰富的 CSS 样式和 JavaScript 插件，帮助开发者创建美观且功能丰富的网页。

Bootstrap 特点

响应式布局：Bootstrap 提供了一系列的栅格系统，能够适应不同屏幕尺寸的设备。
预定义样式：Bootstrap 包含了大量的预定义 CSS 类，可以快速实现常见的网页元素样式。
组件丰富：Bootstrap 提供了各种组件，如按钮、表单、导航栏等，方便开发者快速搭建页面。
插件多样：Bootstrap 支持丰富的 JavaScript 插件，如模态框、轮播图、折叠面板等。

快速开始

下载 Bootstrap：从 Bootstrap 官网下载 Bootstrap 的压缩包。
引入 Bootstrap：将 Bootstrap 的 CSS 和 JavaScript 文件引入到你的 HTML 文件中。
使用栅格系统：通过 Bootstrap 的栅格系统，实现响应式布局。
使用组件：根据需要，选择合适的 Bootstrap 组件，如按钮、表单等。

例子

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
  <title>Bootstrap 示例</title>
</head>
<body>
  <div class="container">
    <h1>欢迎来到 Bootstrap 示例页面</h1>
    <p>这是一个简单的 Bootstrap 应用。</p>
    <a href="/en/tutorials/bootstrap-components" class="btn btn-primary">查看 Bootstrap 组件</a>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

Bootstrap 简介

Bootstrap 特点

快速开始

例子

相关教程