So stellen Sie das Hintergrundbild im Bootstrap ein, um es an die Bildschirmgröße anzupassen

bootstrap legt das Hintergrundbild so fest, dass es sich an die Bildschirmgröße anpasst:

Bearbeiten Sie diesen Stil in CSS:

.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}

und zitieren Sie ihn dann in Ihrem div Dieser Stil reicht aus:

<div class="row bg">

Wenn das Bild nicht mit der Bildlaufleiste scrollt, fügen Sie „fixd“ hinzu, wenn es behoben ist. Der CSS-Code lautet wie folgt:

.bg {
       background:url(图片地址) no-repeat center fixed;
       background-size:contain;
}

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial.

Das obige ist der detaillierte Inhalt vonSo stellen Sie das Hintergrundbild im Bootstrap ein, um es an die Bildschirmgröße anzupassen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!