jquery - 使用bootstrap响应的背景img

如何使用bootstrap设置响应式背景图像？我只能使用class =“responsive-img”响应图像，但是当我将图像链接放在css上时，我该怎么办？（对不起，我的英语不好）这是我的html和css代码 -

*{margin:0;padding:0;}

.header-img{background:url("images/header.jpg");
            width:100%;
            height:400px;}

<!DOCTYPE HTML>
<html>
 
    <head>
        <title>SajidurShajib.com</title>
         <link rel="stylesheet" href="style.css">   
    </head>
    
    <body>
        <!--header section start here-->
      
        <div class="header-img">
            
        </div>
        
        
    </body>
    
</html>

使用bootstrap响应的背景img

0 个答案: