Twitter Bootstrap vs jQuery UI? [chiuso]


214

Sto usando l'interfaccia utente di jQuery per alcuni miglioramenti di base della pagina. Stile di pulsanti e input e finestre di dialogo modali. Ora mi sono imbattuto in Bootstrap e sembra abbastanza buono.

Qualcuno ha esperienza di passare dall'uso dell'interfaccia utente di jQuery a Bootstrap? Questo è quello che sto pensando di fare, ma prima di farlo vorrei essere consapevole di quali problemi potrei affrontare.


4
Una possibile soluzione che potrebbe non essere stata disponibile quando è stato chiesto ... Addy Osmani e il suo team hanno lavorato sulla fusione dei due - se sei bloccato tra di loro, controlla e forse puoi ottenere tutto quello che vuoi! - addyosmani.github.io/jquery-ui-bootstrap
lampione

1
Come aggiornare le risposte (2014!)? Qualcuno può iniziare una taglia qui?
Peter Krauss,

Dal sito Web Bootstrap - "Bootstrap supporta solo una finestra modale alla volta. Le modali nidificate non sono supportate poiché riteniamo che siano esperienze utente scadenti." -- Santo cielo.
George Beier,

Risposte:


133

Ho diversi progetti.

La più grande differenza secondo me

  • L'interfaccia utente di jQuery è protetta da fallback, funziona correttamente e ha un bell'aspetto nei vecchi browser, dove Bootstrap si basa su CSS3 che in pratica significa GRANDE nei nuovi browser, non così grande nei vecchi

  • Frequenza di aggiornamento: Bootstrap sta ottenendo grandi aggiornamenti con nuove fantastiche funzionalità, ma purtroppo potrebbe rompere il codice precedente, quindi non puoi semplicemente installare bootstrap e aggiornare quando c'è una nuova versione principale, in pratica richiede molta nuova codifica

  • L'interfaccia utente di jQuery si basa su una buona struttura html con trasformazioni da JavaScript, mentre Bootstrap si basa su una struttura incorporata visivamente e personalizzabile. (chiamando un widget nell'interfaccia utente di JQUERY, definendolo in Bootstrap)

Quindi cosa scegliere?

Dipende sempre dal tipo di progetto a cui stai lavorando. I widget belli e veloci sembrano migliori o i tuoi utenti usano spesso vecchi browser?

Finisco sempre per usare entrambi, quindi posso usare il meglio di entrambi i mondi.

Ecco i collegamenti ad entrambi i framework, se decidi di usarli.

  1. Interfaccia utente di jQuery
  2. bootstrap

2
-Grazie per aver dedicato del tempo per rispondere. Le mie esigenze sono per qualcosa che funzioni su IE9 o altri browser di versione successiva che abbiano un supporto CSS3 piuttosto buono. Bootstrap sta iniziando a sembrare buono per me. Una domanda. Sto usando ASP.MVC. Ho notato qualcosa sul bisogno di meno. Boostrap funzionerà bene con la piattaforma Microsoft ASP MVC? Dove si inserisce "meno"?
Jessica,

È possibile compilare meno file in file .css. La creazione del bootstrap (usando make), creerà file CSS pronti all'uso. In questo modo non è necessario utilizzare meno.
mikaelb,

3
MENO è un framework CSS. Non è in alcun modo necessario per utilizzare Boostrap (hanno una normale versione CSS / JS), ma con MENO puoi facilmente creare variabili nel CSS (cambiare colore ecc.), Renderlo dipendente, avere funzioni. Vedi qui: lesscss.org e c'è una versione BETA per un compilatore in .NET Vedi: dotlesscss.org
Marco Johannesen

20
Come usi il "meglio di entrambi i mondi"? Il più vicino che ho ottenuto è usando Bootstrap jQueryUI (fondamentalmente un tema jQueryUI) ma è ancora progettato per Bootstrap 1.4, non 2.0, e ci sono scontri quando si tenta di utilizzare JS per i pulsanti, ecc.
Adam Lynch

3
@ PhoenixX_2 ci provo! Esempio: in bootstrap scrivi tutte le classi sull'elemento button (es. button button-primary button-small, Dove in jQueryUI assegni un elemento a un pulsante cioè aggiungi semplicemente "btn" e poi tramite JS lo rendi un pulsante $(".btn").button(). Ciò significa che in Bootstrap tu definiscilo in HTML e in jQueryUI lo definisci in JS. Negativi su Bootstrap è che devi modificare il tuo HTML se aggiorni / cambi qualcosa (es. versioni Bootstrap) in cui jQueryUI devi solo cambiare il tuo JS che è spesso più facile. Ci sono aspetti positivi e negativi con entrambi! :)
Marco Johannesen,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.