如何使用 Bootstrap 显示代码？

为了在我们的网页中显示代码，bootstrap 有一些可用于显示代码的标签。

方法一：内联代码使用标签来显示内联代码。 标记包含内联代码片段。内联代码应包含在标记中。生成的文本将以固定宽度字体显示并赋予红色字体颜色。
注意： <和>标记应替换为<和>分别。

句法：

方法 2：代码块使用

标签将代码显示为独立的块元素。当我们想要显示多行代码时也会使用这个标签。多行代码应包含在
标记中。生成的文本将以固定宽度字体显示，并保留空格和换行符。
句法： 
    
使用 Bootstrap 显示代码的分步指南：
第 1 步：在所有其他样式表之前将 Bootstrap 和 jQuery CDN 包含到  标记中以加载我们的 CSS。




        
第二步：添加标签显示内联代码，添加
标签显示代码块。 
 are 
wrapped as an inline elements.
      
    
        
    
 
例子：
HTML
  

    Bootstrap Code Block Example
  
    
    
    
    
    
    
    
    

  

  
    
        
         is 
        wrapped as an inline element.
    
  
  
    
        To display code as standalone block 
        element we use  tag as:
  
        
                    
                
                    GeeksforGeeks Bootstrap Code Example
                
            
        
    

  

输出：