Hallo
ik heb even een vraag ik heb hier een design die is omgezet in HTML 5 nu is mijn vraag kan je die ook nog Responsive kunnen maken doormiddel van Twitter Bootstrap?
Of moet ik die dan op nieuw slice en basen?

Ja en nee. Je zult d.m.v. media queries je responsive layout moeten schrijven. Dit gaat bootstrap niet voor je doen (heb nooit begrepen waarom iedereen denkt dat je een layout in bootstrap kunt gooien terwijl dit simpelweg niet kan).

Daarom vroeg ik het ook op dit forum bedankt voor je reactie.
Bootstrap kan je wel gebruiken voor een responsive site maar dan moet je vanaf het begin beginnen.

Maak, voordat je je uit gaat leven in media queries, een blokschema hoe alles in 'mobiele look' moet worden getoond. Wel/niet tonen, de volgorde, wat moet er een mobiel menu worden en in/uitklappen, noem maar op. Klakkeloos alles responsive maken geeft soms leuke verrassingen zodat je het in tweede instantie weer aan moet passen.

Bedankt voor de tip om een blok schema te maken hoe alles eruit komt te zien in de mobile look.

Weet iemand wat de beste pixel formaten zijn om te gebruiken voor de media queries?

Ik heb anderhalve maand geleden een tutorial over responsive websites geschreven, misschien heb je er wat aan. Daarin staat onder andere uitgelegd hoe media queries werken en ook een linkje naar een goede online simulator waarmee je je ontwerp kan testen op tientallen virtuele smartphones en tablets.

Met die simulator zie je ook welke resoluties de verschillende apparaten hebben, pak de populaire tablets en smartphones en gebruik die resoluties als punten voor een nieuwe media query.

bedankt voor je link naar je tutorial ben er al iets verder mee .
nu is mijn vraag welke media queries resoluties kan ik het beste gebruiken? In de link hieronder zie ik er een heleboel waaronder ook de iphone 2g. Kan ik het beste voor alle modelen kiezen of gewoon alleen de nieuwste iphone 4 ect.
http://stephen.io/mediaqueries/#iPad

Mooi dat je er wat verder mee bent gekomen. Ik heb de resoluties die ik meestal gebruik ook in de tutorial beschreven.

Ik houd geen rekening meer met een iPhone 2g of een oude Nokia (al zal het daar allemaal ook best op werken). Ik heb zelf een Samsung Galaxy S2, een S4 en een Tab2, daar test ik alle websites dus live op. Daarnaast test ik ze met een simulator ook op iPhone 4, iPhone 5 en de iPad modellen.

Hoeveel breaking points je moet aanhouden is sterk afhankelijk van je design. In mijn geval heb ik maar 2 breaking points nodig: 1 die ervoor zorgt dat het gewone menu wordt vervangen door een dropdown menu en 1 voor de smartphone versie van de site.

Hoe meer divs (dan bedoel ik eigenlijk blokken met functies) je in je site verwerkt, hoe meer breaking points je over het algemeen nodig zal hebben. Tenzij je ze allemaal dezelfde breedte geeft (of een dubbele breedte) zoals bij dat blokkendozen (windows 8) flat design dat op het moment zo'n trend is, dat laat zich lekker makkelijk onder elkaar plaatsen bij smallere schermen.