bootstrap 缩略图——迹忆客-ag捕鱼王app官网

本章将讲解 bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。bootstrap 通过缩略图为此提供了一种简便的方式。使用 bootstrap 创建缩略图的步骤如下：

• 在图像周围添加带有 class .thumbnail 的

结果如下所示

添加自定义的内容

现在我们有了一个基本的缩略图，我们可以向缩略图添加各种 html 内容，比如标题、段落或按钮。具体步骤如下：

• 把带有 class .thumbnail 的

            
         
    
    

        

            
            

                
缩略图标签
                
一些示例文本。一些示例文本。
                
            
        
    
    

        

            
            

                
缩略图标签
                
一些示例文本。一些示例文本。
                
            
        
    
    

        

            
            

                
缩略图标签
                
一些示例文本。一些示例文本。
                
            
        
    

结果如下所示：