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

angryTom
Freigeben: 2019-07-19 11:30:32
Original
5458 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

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

<div class="row bg">
Nach dem Login kopieren

<🎜 verwenden müssen > 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;
}
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage