在Bootstrap中显示属性的示例

Bootstrap中的display属性用于设置元素的display属性。诸如block，inline等实用程序将设置元素的显示属性。

引导程序的显示属性类有助于直接设置元素的CSS显示属性。

可用的类有：

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

  style = "display: block;"
  

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

  style = "display: inline;"
  

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

  style = "display: inline-block;"
  

句法：

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

以下示例说明了引导程序的显示属性类的用法：

范例1：

       

    
        div{ font-size: 30px; }
    
       
    
    
    
    
       
    Webpage

   

    
        GeeksforGeeks
      
      
    
        GeeksforGeeks
      

输出：

范例2：

       

    
        div{ font-size: 30px; }
    
       
    
    
    
    
    
    
   
    Webpage

   

    
        GeeksforGeeks
     
      
    
        GeeksforGeeks
     

输出：

范例3：

       

    
        body{ font-size: 75px; }
    
       
    
    
     
    
    
    
        
    Webpage

   

      
        GeeksforGeeks
    
      
      
        GeeksforGeeks
    

输出：