使用示例在 Bootstrap 中显示属性

Bootstrap 中的display 属性用于设置元素的 display 属性。块、内联等实用程序用于设置元素的显示属性。

bootstrap 的显示属性类帮助直接设置元素的 CSS 显示属性。

可用的类是：

• .d-block : 此类与元素一起使用时，将其显示属性设置为block 。将此类与元素一起使用等效于以下样式：

  style = "display: block;"
  

• .d-inline ：此类与元素一起使用时，将其显示属性设置为inline 。将此类与元素一起使用等效于以下样式：

  style = "display: inline;"
  

• .d-inline-block : 此类与元素一起使用时，将其显示属性设置为inline-block 。将此类与元素一起使用等效于以下样式：

  style = "display: inline-block;"
  

句法：

• Inline
  // for inline display
• Block
  // for block display
• Inline Block
  // for inline-block display

下面的例子说明了 bootstrap 的显示属性类的使用：

示例 1：

       

    
        div{ font-size: 30px; }
    
       
    
    
    
    
       
    Webpage

   

    
        GeeksforGeeks
      
      
    
        GeeksforGeeks
      

输出：

示例 2：

       

    
        div{ font-size: 30px; }
    
       
    
    
    
    
    
    
   
    Webpage

   

    
        GeeksforGeeks
     
      
    
        GeeksforGeeks
     

输出：

示例 3：

       

    
        body{ font-size: 75px; }
    
       
    
    
     
    
    
    
        
    Webpage

   

      
        GeeksforGeeks
    
      
      
        GeeksforGeeks
    

输出：