如何使用Bootstrap将图像放入没有空间的盒子中？

Bootstrap 4是CSS，它是Twitter开发的用于前端Web开发的库，可帮助开发人员美化网页的外观。引导程序库具有易于使用的预定义CSS类，它可以帮助开发人员以最小的努力为网站提供艺术外观。

以下行显示了将简单图像插入网页的语法

实际上，有三种方法可以解决此问题。我将在这里提供所有三种解决方案。

1. 通过为图像提供边框。因此，它使图像显示在框内。
2. 通过使用自定义css将图像插入具有边框属性的div中。
3. 通过使用引导程序。

让我们看一下上述方法的演示。

1. 通过为图像提供边框。

   
   
   
       
       
       
       
   
   
   
   
           
   
               Putting image inside a Box
           
   
               
   
   
   

   输出：
   

2. 通过使用自定义CSS

   
   
   
       
       
       
       
   
      
   
      
           
   
               Putting image inside a Box
           
           
           
   
               
           
         
   
   
   

   输出：
   

3. 使用bootstrap 4 css：我们将使用称为卡的预定义类使图像显示在框内。

   
   
     
   
       
       
       
       
       
   
   
     
   
       
       
   
               Putting image inside a Box
           
       
       
       
       
   
           
           
           
           
       
     
   
     
   
   

   输出：