📜  引导带|带有示例的图类

📅  最后修改于: 2021-05-25 11:41:24             🧑  作者: Mango

用于当一个需要显示的内容片段,通常与可选的标题的图像。 Bootstrap中的图形类用于将样式添加到默认图形元素。

  • .figure基类用于指示图形元素。
  • .figure-img用于指示图形元素中使用的图像。
  • .figure-caption可以用于在图形下方显示标题。

示例:将.figure类与示例图像一起使用。




    
    
    Figures in Bootstrap

  

    
        

Figures in Bootstrap

        
                     
                    

输出:
无标题的数字

示例:使用.figure-caption类在图像下方显示标题。此类与

标记一起使用。




    
    
      
    Figures in Bootstrap

  

    
        

Figures in Bootstrap

                   
                                        
                Caption for the above image.             
        
                    

输出:
带标题的图

参考:https://getbootstrap.com/docs/4.0/content/figures/