I'；我试图使用模型图像在html中使div背景响应

HTML文件

我想将模型图像设置为主图像的响应背景。向div添加CSS属性（如max width）无效。 如何重叠引导div

    <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>

{{game.game_title}

{{{game.game\u intro}

我想做的就是这样，让它们重叠

<div class="game-cover">
    <div class="container-fluid" id="about">
        <div class="row">
            <div class="col-md-12">
                <img class="img-responsive" src="{{ game.game_cover.url }}">
            </div>
            <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>

{{game.game_title}

{{{game.game\u intro}

你能说得更具体些吗？您希望哪些元素与哪些其他元素重叠？我希望在col-md-12上并排重叠col-md-6两个元素，因为col-md-12包含我希望用作背景和响应的图像。您能更具体一些吗？您希望哪些元素与哪些其他元素重叠？我希望在col-md-12上并排重叠col-md-6两侧，因为col-md-12包含我希望用作背景和响应的图像。