This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Front-end design & web › Front-end frame › Bootstrap Tags tag input box
View: 13978|Reply: 0

[Bootstrap] Bootstrap Tags tag input box

[Copy link]
Posted on 6/11/2018 2:37:56 PM | | | |
If you want to make a tag input, the template is based on Bootstrap, first look at the effect, as shown below:


Bootstrap Tags Input Open Source Address:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Web Plugins:jquery-3.3.1、bootstrap-4.1.1

First, reference download Bootstrap Tags Input, then import css and js files, not much to say

Download Address:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input is a plugin under the bootstrap v3 version,Since I am using the bootstrap v4 version, there will be some problems, I need to change it, if I don't change it, under the bootstrap v4 version, the input text will not be displayed, because the bootstrap v4 version no longer has the "label label-info" style。

HTML code:



Add the following style to the head head:




js code:

bootstrap-tagsinput.css modify the .bootstrap-tagsinput style in the source file as follows:

Note: The labels are separated by commas in English, and cannot be separated in Chinese




Previous:The solution to the 360 search not including the inside pages of the website
Next:.net/c# to get the file information in the zip package

Related Posts
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com