2014-04-11 15 views
43

Sto cercando di scoprire se è possibile e fattibile sviluppare un'applicazione mobile utilizzando phonegap come wrapper, Bootstrap per l'interfaccia utente e jQuery per la funzionalità?App mobile con Bootstrap 3, jQuery e PhoneGap, è possibile?

Non sono riuscito a trovare nessun progetto su Internet provando questa combinazione.

Bootstrap 3 viene fornito con la tecnologia mobile-first. jQuery può fornire tutte le funzionalità e Phonegap lo trasforma in un'app.

Il mio obiettivo è creare un'applicazione mobile.

Qualche esperienza o altre idee?

+6

Sì. Dovresti dare un'occhiata all'esempio sul blog di Coenraet: http://coenraets.org/blog/ – ZimSystem

risposta

37

È possibile. Bootstrap è anche grande. Ma penso che Bootstrap non si concentri sull'app mobile ma sull'app web reattiva.

Ora ci sono molti framework incentrati sulla ricca interfaccia utente mobile.

Framework7

Onsen UI

ionic

crosswalk-project.org

+2

Bootstrap 3 è progettato per mantenere Mobile come principale. La documentazione dice che è mobile per primo. Qualcuno usa bootstrap per cordova? – CreativeManix

+1

prova ionico, è molto promettente .. bootstrap è lil pesante per un'app mobile suppongo .. –

+0

Attualmente sto lavorando sull'uso di bootstrap in Cordova, ma ho incontrato problemi con cose che non funzionano lì (ma lavoro in Bootstrap all'esterno di Cordova, o anche in un'app di Electron, va bene). –

15

Sì, questo è perfettamente possibile! In questo caso Bootstrap farebbe il front-end, mentre jQuery farà il back-end.

Tuttavia, per ottenere un quadro che è ben integrato e completamente progettato per creare applicazioni mobili, consiglio di dare un'occhiata al ionic framework!

ionico fa il front-end e mentre è basato su AngularJS, Angular può intraprendere il back-end e rendere la tua vita più semplice.

7

può attestare questo è possibile. Fonte: I built one. Bootstrap rende molto più pulito su IOS che su Android, ma risparmia un sacco di tempo per creare una volta in Javascript/Jquery e quindi usare phonegap/cordova per compilare per Android e IOS. Un sacco di great help here at the DevGirl site too.

1

Framework 7 ha un cattivo supporto per il browser firefox. Avevo sofferto molto per quello. Effettua il check-out in questo modo: 1.go alla pagina ufficiale framework 7 2.disegui la loro pagina dei documenti e vai al componente dell'intestazione secondaria. 3. Nel tuo browser desktop firefox noterai che il testo dell'intestazione non è posizionato al centro. Ma in Chrome non affronterai questo problema.

questo è solo un rapido esempio di ciò di cui ho sofferto. Ho affrontato più problemi con FW7. come la lista dei media non stava girando il suo testo correttamente su Firefox.

Problemi correlati