2013-05-26 18 views
14

Sto prendendo in considerazione l'utilizzo di Twitter Bootstrap (TB) per un'app Web mobile. La prossima versione di TB, version 3, afferma di essere "mobile-first". Tuttavia, guardando i file Javascript inclusi, vedo quasi esclusivamente eventi "click", quasi nessun evento "touch" utilizzato. TB si affida a Jquery per gestire gli eventi. Inoltre, ci sono molte definizioni "hover" nel CSS, che non funzionano sui touch screen. Nonostante ciò, trovo molte raccomandazioni e tutorial sull'utilizzo di TB nelle app Web mobili quando effettuate su Google.Twitter Bootstrap è adatto per touch screen?

La mia domanda è: quanto funziona Twitter Bootstrap sui touch screen in termini di prestazioni (principalmente per quanto riguarda la velocità e il tempo di risposta)?

+1

Ho utilizzato Twitter Bootstrap in numerose applicazioni Web mobili e funziona molto bene. Le definizioni al passaggio del mouse comunque non hanno senso per il dispositivo mobile. –

+0

Ci sono molti problemi qui elencati relativi al menu a discesa nav nella pagina Github Bootstrap: https://github.com/twitter/bootstrap/issues/4550 Personalmente non userei Bootstrap per questo scopo, ma se io Ho dovuto dedicare un sacco di tempo all'utilizzo di Media Query per nascondere i componenti Bootstrap incompatibili (vedere il link sopra per gli elementi offensivi). Il mio consiglio è di cercare altrove. NB: Comunque, come hai detto, Bootstrap 3 sta arrivando - Non ho ancora guardato le specifiche per questo, quindi potrebbero esserci dei miglioramenti – adaam

+0

Twitter Bootstrap è un ottimo strumento e ho trovato che funziona bene con i dispositivi mobili ma quando arriva a caricare volte ha un sacco di funzionalità che a seconda delle vostre esigenze potrebbero non aver bisogno. E forse un approccio più personalizzato potrebbe farti risparmiare tempo e aiutare con la velocità delle cose. – Daimz

risposta

1

Ho sviluppato con Twitter Bootstrap (v2) per una serie di applicazioni Web che vengono utilizzate anche su piattaforme mobili. Devi tenere presente che Twitter Bootstrap non è una soluzione completa per tutte le esigenze di progettazione. "Avvia" il tuo progetto per non doversi preoccupare di certe cose.

Bootstrap v3 ha promesso di eseguire più "bootstrap" per piattaforme mobili, ma ciò non significa che non si debbano eseguire determinati elementi di sviluppo per qualsiasi piattaforma per cui si desidera distribuire.

In caso di utilizzo di Bootstrap v2, è possibile spostarsi facilmente su determinati elementi con il CSS specificato e uno stile personalizzato. La velocità è meravigliosa e praticamente tutti i moderni dispositivi mobili hanno un eccellente supporto per le query @media che ti consentono di indirizzare facilmente le dimensioni di dispositivi mobili specifici. Per esempio; Uso le media query in un file specifico per fare in modo che tutti i pulsanti occupino tutta la larghezza per un accesso più semplice su un dispositivo touch.

Per quanto riguarda un Bootstrap v3, sono molto curioso visto che Release Candidate non mi ha davvero mostrato nulla che abbia davvero cambiato il modo in cui ho sviluppato per i dispositivi mobili, ancora.

Spero che questo ti aiuti.