Wie man ein Bild reagiert von CSS

Question

Ich füge ein Bild in meiner CSS-Klasse. Jetzt muss ich die img-responsive Bootstrap-Methode verwenden, um dieses Bild reagieren zu lassen. Wie kann ich das machen ?

Mein Code:

CSS

.mybackground { 
    max-width: 100%; 
    max-height: 100%; 
    width: 100%; 
    height: 100vh; 
    vertical-align: top; 
    background: url(img.png) ; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 

} 

Hinweis: Ich habe das Bild in der CSS-Klasse hinzugefügt.

Answer 1

Ich empfehle einen Blick auf die folgende Einnahme:

Zuerst die img Artikel in Bootstrap: http://getbootstrap.com/css/#images

Dann bestätigen Sie die entsprechenden Medien Anrufe statt: http://getbootstrap.com/css/#responsive-utilities

Answer 2

hinzufügen folgende zu Ihrem CSS.

height: 100%; 
background: url(".....") no-repeat; 
background-size: 100% auto;