Twitter Bootstrap vs "Mobile First"

Question

Ho lavorato a siti Web "Mobile First" in passato e ora utilizziamo Twitter Bootstrap per i nostri siti. Il problema è Twitter Bootstrap non è "mobile first", ma piuttosto "responsive".

Con "Mobile first" intendo innanzitutto il foglio di stile di base per i telefoni cellulari, quindi non è necessario che il telefono supporti le query @media.

Twitter Bootstrap carica l'intero foglio di stile del desktop, utilizzando le query @media per ridimensionarle sul cellulare.

C'è qualche motivo per cui Twitter è andato con questo metodo? Sicuramente non è così compatibile, e i dispositivi più vecchi non funzioneranno?

Ci sono delle mod "mobili prima" per Twitter Bootstrap che potrei usare o devo creare da solo?

Answer 1

Bootstrap 3 è mobile per primo! Sìì!

V3 è ora disponibile, come si è visto in http://getbootstrap.com/

Answer 2

Non avendo utilizzato mobile In primo luogo, ma ha seguito e utilizzati Bootstrap abbastanza estesamente, questo è solo il punto di vista sono venuto a:

Da quello che ho visto, "mobili prima" come concetto è proprio questo , un primo approccio mobile allo sviluppo; mentre Bootstrap è stato sviluppato come una libreria concisa di strumenti per i browser moderni e solo recentemente si è evoluto per supportare estensivamente i browser e i dispositivi mobili più vecchi.

Dal sito Bootstrap:

Originariamente costruito solo con i browser moderni in mente, Bootstrap è evoluto per includere il supporto per tutti i principali browser e con Bootstrap 2, tablet e smartphone, troppo (anche IE7!) .

Da quello che ho visto, però, c'è molto all'orizzonte per Bootstrap e mobile. Basta scavare attorno alle pietre miliari di GitHub e vedrai una tonnellata di oggetti nelle opere!

Answer 3

A mobile-first version of Bootstrap's grid layout appena sbarcato a GitHub. Sembra che il core bootstrap.css sia ancora necessario, ma il codice sembra funzionare.