Блок введення тегів Bootstrap Tags

Маленька покидька · Опубліковано 11.06.2018 14:37:56

Якщо ви хочете ввести тег, шаблон базується на Bootstrap, спочатку подивіться на ефект, як показано нижче:

Bootstrap Tags Вхідна адреса відкритого коду:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Веб-плагіни:jquery-3.3.1、bootstrap-4.1.1

Спочатку завантажте Bootstrap Tags Input, потім імпортуйте css і js-файли — особливо нічого сказати

Завантажити адресу:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input — це плагін у версії bootstrap v3,Оскільки я використовую версію bootstrap v4, виникнуть деякі проблеми, мені потрібно змінити її, якщо не зміню, у версії bootstrap v4 вхідний текст не відображатиметься, бо версія bootstrap v4 більше не має стилю "label label-info"。

HTML-код:

Вхід видно.

Додайте до голови такий стиль:

Вхід видно.

Код JS:

Вхід видно.

bootstrap-tagsinput.css змінити стиль .bootstrap-tagsinput у вихідному файлі наступним чином:

Вхід видно.

Примітка: Мітки розділені комами англійською і не можуть бути розділені китайською

[Бутстреп] Блок введення тегів Bootstrap Tags

Пов'язані дописи

Переглянуті розділи