Posso usare tagit con twitter bootstrap?

Sto tentando di inserire il valore tagit con la funzionalità typeahead di bootstrap di twitter.Posso usare tagit con twitter bootstrap?

So che tagit si basa sull'interfaccia utente jquery per il completamento automatico, ecc. È possibile utilizzare invece il bootstrap di twitters?

In pratica tutto quello che voglio da Tagit è quello di permettere all'utente di cliccare velocemente e rimuovere elementi da un elenco, ma preferirebbe non introdurre un'altra libreria java script sul mio sito

fonte

2012-03-28 Paul

C'è anche una versione di tipo multipla qui: https://github.com/twitter/bootstrap/pull/2007. Ma è ancora testuale. – gremo

che mi avvicina. Ora se posso aggiungere lo stile di tagit che sarebbe perfetto :) – Paul

Sì, sono interessato anche a me. Controllerò questa domanda per ulteriori aggiornamenti. Si noti inoltre che il plug-in modded consente voci duplicate. – gremo

Tagit è bello e non ho trovato un sostituzione adatta. La buona notizia è, you don't need all of Jquery-UI e puoi modificare l'input del tag da solo per avere un buon aspetto con Bootstrap.

SCSS:

ul.tagit { 
    margin-left: 0; 
    input { @include box-shadow(none); } 
}

CSS:

ul.tagit { 
    margin-left: 0; 
} 
ul.tagit input { 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
}

fonte

2012-04-02 13:22:29 jasongarber

Ciao, potresti renderizzare quel piccolo frammento SCSS nel normale CSS? Ciò aiuterebbe gli utenti di finestre pigri come me ... –

fatto un piccolo example, che sta lavorando, anche se un po 'brutto. In realtà non sono molto bravo nello stile CSS, quindi, si spera, migliorerai questo esempio per renderlo completamente perfetto.

fonte

2012-05-06 13:34:40 weekens

Se non ti interessa la dipendenza dell'interfaccia utente jQuery, puoi utilizzare per lo stile dell'interfaccia utente di jQuery in modo che assomigli al tema Bootstrap predefinito. Dovrebbe giocare bene con Tag-it - per favore fatemi sapere se non lo fa come non l'ho ancora usato io stesso (sono l'autore di Tag-it).

fonte

2012-11-27 19:13:36 aehlke

Ehi, posso estendere il tag-it per usare typeahead bootstrap? Qualsiasi idea su come farlo sarebbe di grande aiuto. – gaurav

@gauravvgat Mi piacerebbe molto più supporto di bootstrap. Ho una versione del CSS in corso che rimuoverà l'interfaccia utente di jQuery CSS e consentirò che tagit sia designato dal CSS di bootstrap. Immagino che il prossimo passo consisterà nel permettere lo scambio automatico di jQuery nell'interfaccia utente per typeahead ... non ho ancora idee su come lo farò, non vedo l'ora di farlo tbh :) Dal momento che voglio mantenere l'API semplice. – aehlke

L'ho appena provato con bootstrap 3.0, l'ho rotto :-) Immagino volessi dire, per sostituire bootstrap? Posso suggerire, basta aggiungere una versione css che funzioni sotto bootstrap? Lo farò alla fine, probabilmente –

Posso usare tagit con twitter bootstrap?

risposta

Problemi correlati