RE: Wat ik nog niet begrijp is, hoe kun je je website responsive maken zonder dat je layout van het origineel verloren gaat
De layout zal beslist veranderen omdat je te maken gaat krijgen met verschillende schermafmetingen waarop je de pagina wilt tonen. Denk ook aan een smartphone menu wat anders is dan een desktop menu. Op een smartphone zullen bepaalde delen onder elkaar komen, terwijl die op een desktop naast elkaar kunnen. In de bijlage heb ik een "basic" bootstrap voorbeeldje gezet. Zet in dit voorbeeld eerst even bckgrnd.jpg en index.jpg in mapje layout. Als je de breedte van de browser verandert dan zie je het effect.
RE: En als ik de website bekijk op mijn mobiel wordt alles toch ook geschaald naar deze resolutie?
Als je 1 op 1 de website toont dan valt het grootste deel buiten het scherm.
Als je (of de bezoeker) schaalt dan is niets meer leesbaar.
RE: Betekent dit dat ik ook een nieuwe banner met logo moet maken voor het mobiele gedeelte?
De <img> tag is responsive, hoef je niets aan te doen. Een background kun je met css background-size passend maken. Misschien moet je het logo en de banner aanpassen omdat de layout anders wordt.
RE: Of is het juist de bedoeling dat de mobiele versie van je site er anders uitziet?
Bij een responsive ontwerp past de layout zich aan het scherm aan. Bootstrap gaat ervan uit dat je de layout in eerste instantie voor een smartphone maakt en dan aanpassingen maakt voor hogere resoluties. Kantelpunten zijn 768, 992 en 1200 px.
Suc6.
.
