在网页设计中，标题是传达页面内容主题和结构的关键元素。Bootstrap框架提供了丰富的标题类，可以帮助开发者轻松地美化页面标题，使其更加吸引人。Bootstrap的标题类共有7种样式，每种都有其独特的应用场景和视觉效果。
1. 基础标题（.h1, .h2, .h3, .h4, .h5, .h6）
Bootstrap的基本标题类可以直接应用于<h1>至<h6>标签，以改变标题的字体大小和行高。这些标题类保持了HTML5的语义，并且在不同屏幕尺寸下都能保持良好的可读性。
<h1 class="h1">一级标题</h1>
<h2 class="h2">二级标题</h2>
<h3 class="h3">三级标题</h3>
<h4 class="h4">四级标题</h4>
<h5 class="h5">五级标题</h5>
<h6 class="h6">六级标题</h6>
2. 粗体标题（.h1-.h6）
如果你想要标题更加醒目，可以使用.h1-.h6类，这些类会为标题添加额外的粗体样式。
<h1 class="h1">一级标题</h1>
3. 块级标题（.h1-.h6）
默认情况下，Bootstrap的标题类是行内元素。如果你需要将标题转换为块级元素，可以使用.h1-.h6类。
<h1 class="h1">一级标题</h1>
4. 小型标题（.small）
如果你需要在标题旁边添加副标题或注释，可以使用.small类。这个类会减小字体大小，并使其看起来像是标题的注释。
<h1 class="h1">一级标题</h1>
<p class="small">这里是副标题或注释</p>
5. 悬浮标题（.display-1, .display-2, .display-3, .display-4）
Bootstrap还提供了.display-1至.display-4类，这些类可以创建更大、更醒目的标题，通常用于页面顶部或重要内容区域。
<h1 class="display-1">大号标题</h1>
<h1 class="display-2">更大号标题</h1>
6. 文本居中（.text-center）
如果你想要标题居中显示，可以使用.text-center类。
<h1 class="h1 text-center">居中标题</h1>
7. 文本对齐（.text-left, .text-right, .text-justify）
Bootstrap还提供了文本对齐的类，包括左对齐、右对齐和两端对齐。
<h1 class="h1 text-left">左对齐标题</h1>
<h1 class="h1 text-right">右对齐标题</h1>
<h1 class="h1 text-justify">两端对齐标题</h1>
通过以上7种标题样式，Bootstrap可以帮助开发者轻松地美化页面标题，提升用户体验。在实际应用中，可以根据具体需求选择合适的标题样式，以达到最佳视觉效果。