我试图使用模型图像在html中使div响应

Question

want to make this responsive by using image as bg in HTML only HTML文件

我想将模型图像设置为main的响应背景。添加像max-width这样的CSS属性对div不起作用。 如何重叠bootstraps div？

.controller('loginCtrl', ['$scope','$state', "Auth",($scope, $state, Auth) {

     $scope.signout = function() {
     firebase.auth().signOut().then(function() {
         alert("Signed out successfully");
         $state.go('login');
        })
        .catch(function(error) {

            alert(error.message);
        });
  }

我想要做的就是让它们重叠

    <div class="game-cover">
    <div class="container-fluid" id="about">
        <div class="row" style="background: url({{ game.game_cover.url }})">

            <div class="col-md-6 hidden-xs">

            </div>
            <div class="col-md-6 col-xs-12">
                <div class="game-header">
                    <h2 class="text-uppercase" style="color: whitesmoke"> {{ game.game_title }}  </h2>
                    <hr class="divider">
                </div>

                <div class="game-details">

                    <p class="text-justify" style="color: whitesmoke">{{ game.game_intro }}
                    </p>

                </div>
            </div>
        </div>
    </div>
</div>