我正在使用 Bootstrap 5 制作一个网站。在网站的标题中，我使用 Bootstrap 中的轮播作为我的标题。轮播图像还允许显示文本和按钮。我希望图像、文本和按钮具有响应能力。我尝试使用媒体查询，但我不知道该怎么做。

测试.html

  
    














        

          

          

          

          
        



  
  
    
    

      

        

          
          
          
          
          
          
          
          
        
        

          

          
          

            
Get your unique solution
            
Project___ Name_____
            Submit a Ticket
            
          
         
        
        
          
          Previous
        
        
          
          Next
        
        
 
    
    
  

测试.css

.c-item {
    height: 90%;
}

.c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

#team-img {
    height: 100%;
    object-fit: cover;
}

.c-item {
    height: 90%;
}

.c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

#team-img {
    height: 100%;
    object-fit: cover;
}

  
    














        

          

          

          

          
        



  
  
    
    

      

        

          
          
          
          
          
          
          
          
        
        

          

          
          

            
Get your unique solution
            
Project___ Name_____
            Submit a Ticket
            
          
         
        
        
          
          Previous
        
        
          
          Next