So stellen Sie das Hintergrundbild im Bootstrap so ein, dass es adaptiv ist

Empfohlene Tutorials: Bootstrap-Tutorial

1 anpassen Definieren Sie einen CSS-Stil

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

2. Verweisen Sie darauf im Div, wo wir den Stil

<div class="row bg">

3. Wenn Sie möchten, dass das Bild nicht mit der Bildlaufleiste scrollt, also repariert wird, fügen Sie „fixd“ hinzu

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

Ursprüngliche Artikeladresse: https://www.cnblogs. com/Hayley1666/p/8479491.html

Das obige ist der detaillierte Inhalt vonSo stellen Sie das Hintergrundbild im Bootstrap so ein, dass es adaptiv ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!