Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Front-end design a web › Přední rám › Bootstrap tag vstupní box
Pohled: 13978|Odpověď: 0

[Bootstrap] Bootstrap tag vstupní box

[Kopírovat odkaz]
Zveřejněno 11.06.2018 14:37:56 | | | |
Pokud chcete zadat tag, šablona je založena na Bootstrapu, nejprve se podívejte na efekt, jak je vidět níže:


Bootstrap tagy Zadejte open source adresu:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Webové pluginy:jquery-3.3.1、bootstrap-4.1.1

Nejprve se podívejte na download Bootstrap Tags Input, pak importujte soubory css a js, není toho moc co dodat

Adresa ke stažení:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input je plugin pod verzí Bootstrap v3,Protože používám verzi Bootstrap v4, budou nějaké problémy, musím ji změnit, pokud ji nezměním, v Bootstrap verzi v4 se vstupní text nezobrazí, protože verze Bootstrap v4 už nemá styl "label label-info"。

HTML kód:



Přidejte následující styl na hlavu:




JS kód:

bootstrap-tagsinput.css upravit styl .bootstrap-tagsinput ve zdrojovém souboru následovně:

Poznámka: Štítky jsou v angličtině odděleny čárkami a v čínštině je nelze oddělit




Předchozí:Řešení pro 360° vyhledávání nezahrnuje vnitřní stránky webu
Další:.NET/C# pro získání informací o souboru v zip balíčku

Související příspěvky
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com