jquery - chips - popover form bootstrap 4

¿Puedo usar tagit con twitter bootstrap?

Question

Intento integrar Tagit con la funcionalidad de escritura anticipada de twitter bootstrap.

Sé que Tagit depende de la interfaz de usuario de jquery para autocompletar, etc. ¿Es posible utilizar el arranque de Twitter en su lugar?

Básicamente, todo lo que quiero de tagit es permitir al usuario hacer clic rápidamente y eliminar elementos de una lista, pero preferiría no introducir otra biblioteca de script java en mi sitio.

Answer 1

Hice un pequeño ejemplo , que está funcionando, aunque feo un poco. En realidad, no soy muy bueno en el estilo de CSS, así que, con suerte, harás mejoras en este ejemplo para hacerlo completamente correcto.

Answer 2

Si no le importa la dependencia de jQuery UI, puede usar http://addyosmani.github.com/jquery-ui-bootstrap/ para diseñar la interfaz de usuario de jQuery para que parezca el tema predeterminado de Bootstrap. Debería funcionar muy bien con Tag-it. Por favor, avíseme si no, ya que aún no lo he usado (soy el autor de Tag-it).

Answer 3

Tagit es agradable y no he encontrado un reemplazo adecuado. La buena noticia es que no necesita todo Jquery-UI y puede personalizar la entrada de etiquetas para que se vea bien 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;
}