Cssで背景写真をdivに合わせて反応性にするにはどうすればいいですか？

Question

私のウェブサイトのポートフォリオとしては本当にクールな写真があります。それはdiv全体を満たしますが、写真全体が適切にフィットしません。私はブートストラップを使用しています。

これは

    .bg1 { 
         background-image: url (../img/brain.jpg); 
         background-size: 100%; 
         height: 600px; 
         } 

Answer 1

はこの試みる私のCSSです：あなたは<img>タグを使用してイメージをロードしようとすることができPerfect Full Page background

Answer 2

：ここ

.bg1{ 
     background-image: url (../img/brain.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
} 

デモlink

さらに詳しい情報、img-responsive cを追加しますBootstrapがサポートしているlass。詳細はhttp://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp