整个图像不会显示在网页的标题部分

Question

我有一张图片，我想在网页的标题部分看到。但是，只有部分图像显示出来，我希望看到整个图像。

这是显示图像的代码

<div class="container">
    <div class="row" >
        <div class="col-sm-12" style="background: url('image1.jpg'); color: white;">
            <center>
                <h1>Sonic Train</h1>
            </center>
            <center>Train machine learning models at Sonic speed...</center>
        </div>
    </div>

可以在行动中看到here

整个图像如下所示，但只能看到部分图像。

Answer 1

您可以使用css height属性来增加div高度，例如@Rory McCrossan在评论中提到div小于图像，例如：

<div class="col-sm-12" style="background:url('image1.jpg');color:white; height: 500px;">

希望这有帮助。