CSSから画像を反応させる方法

Question

私のCSSクラスに画像を追加しています。この画像を反応させるには、img-responsive Bootstrapメソッドを使用する必要があります。これどうやってするの ？

マイコード：

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; 

} 

注：私は、CSSクラスに画像を追加しました。

Answer 1

私は非常に次を見てみお勧めします。

まずブートストラップでimgアイテム： http://getbootstrap.com/css/#responsive-utilities

Answer 2

追加： http://getbootstrap.com/css/#images

は、その後、あなたが行われて、適切なメディア呼び出しが持っ確認しますCSSに従います。

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