Как сделать фоновое фото подходящим div и отзывчивым в Css?

Question

У меня действительно крутое фото, как портфолио моего сайта, но я не могу получить его отзывчивым и соответствовать div. Он заполняет весь div, но вся фотография не подходит правильно. Я использую bootstrap.

Это мой CSS

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

Answer 1

попробовать это:

.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; 
} 

Demo link

Больше информации здесь: Perfect Full Page background

Answer 2

Вы можете попробовать загрузить изображение с <img> теге , и добавить img-responsive c которая поддерживается Bootstrap. См. Больше в http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp