Bootstrap, pełny rozmiar zdjęcia + responsywność

Question

Jak w bootstrapie ustawić aby zdjęcie było skalowane w każdym rozmiarze? mam  sekcję header do której ładuję owe zdjęcie 1500x850. Jak nie ustawię background-size:100% to zdjęcie jest obcięte przy pełnym ekranie i nie skaluje się w ogóle przy zmniejszaniu, a jeżeli ustawię to przy mniejszym ekranie, pod zdjęciem robi się przerwa z pustym polem.. ale zdjecie sie wtedy skaluje.. siedze nad tym już kilka godzin i nic..

potrzebuje dokładnie tak jak tutaj jest zrobione

http://harbourthemes.com/html/fitup/

z inspektora nie mogę tego przewzorować na swój projekt.,

 

edit

ustawiłem

background-size: 100% 100%;

ale teraz znowu efekt po zmniejszeniu

https://gyazo.com/cb721105218fdce01dd4deb13a194ebc

tak jak by zostało ściśnięte.

Answer 1

sprawdzałeć background cover ?

Comments

Tak, wtedy brak responsywności. Reszta działa.

---

spróbuj firebug pod ff bo tam pewnie mogą być różne opcje w zależności od wielkości ekranu dla tego tła.

Answer 2

DevTips nagrał kiedyś jak to zrobić:

https://www.youtube.com/watch?v=hExwnLlj2xk