在 Bootstrap 中，你可以使用 display 类和其他样式类来设置页面标题的样式。以下是一个简单的示例，演示如何使用 Bootstrap 来创建页面标题：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Bootstrap Page Title Example</title>
    <!-- 引入 Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css">
</head>
<body>

<div class="container mt-5">
    <!-- 使用 Bootstrap 样式设置页面标题 -->
    <h1 class="display-4">Page Title</h1>
    <p class="lead">Subtitle or additional information can go here.</p>
</div>

<!-- 引入 Bootstrap JS 和 Popper.js（注意：需要先引入 Popper.js） -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>

</body>
</html>

在这个例子中，我们使用了 Bootstrap 的 display-4 类来设置标题的样式。display-4 是 Bootstrap 中用于大标题的样式类，你可以根据需要选择其他样式类，例如 display-1 到 display-5。

此外，我们使用了 lead 类来设置副标题或附加信息的样式。lead 类用于设置文本的行高，使其更容易阅读。

你可以根据具体的设计需求和项目风格选择适当的标题样式。Bootstrap 还提供了丰富的样式类，用于定制文本、背景颜色、字体样式等，详细信息可以查阅 Bootstrap 文档。


转载请注明出处：http://www.pingtaimeng.com/article/detail/12621/Bootstrap