什么是 Bootstrap 页眉？

页眉用于在页面标题周围添加合适的间距，并在标题下方添加一条水平线。这对您可能有多个帖子标题并且需要一种方法来为每个标题添加区别的网页特别有帮助。由于标题始终是查看者的第一印象。所以，人们会希望他们的页面在页面顶部有一个好看的标题，并且标题可以很容易地突出显示。为此，Web 开发人员使用页眉，它在页面上的标题周围添加间距，并在标题下添加一条水平线。

让我们看一下实现的分步方法。

第 1 步：在所有其他样式表之前将 Bootstrap 和 jQuery CDN 包含到标记中以加载我们的 CSS。

第 2 步：在带有类容器的 HTML 正文中添加

标签。

第 3 步：要使用页眉，请将您的标题包裹在一个带有.page-header类的

中。

示例 1：在本示例中，我们将看到如何使用带有下划线标题的 Bootstrap 页眉。

index.html

  
    Example
    
    
    
    
    
    
      img {
        border-radius: 50%;
      }
    
  
  
    
      
        Example Page Header
      
  
      This is a paragraph
  
      
      This is another text.
    
  

输出：

适当的间距和标题下方的水平线

示例 2：在此示例中，我们将看到不同大小的标题且没有下划线的页眉。

索引.html

  
    Example
    
    
    
    
    
    
    
  
  
    
      
        
          GeeksForGeeks
            All In One
        
      
  
      Extensive collection of questions ranging variety of topics
  
      All done by Experts
    
  

输出：

没有下划线的适当间距