Bootstrap tagsinput not working

css twitter-bootstrap bootstrap-tags-input
AxleWack picture AxleWack · Nov 2, 2016 · Viewed 7.8k times · Source

I just came across Bootstrap tagsinput and I am trying it out, but I cant seem to get it working.

I added the following at the top of my layout :

<link rel="stylesheet" href="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.css">

And I added the following at the bottom of my layout :

<script src="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.js"></script>

Then in my partial page I added the following :

<input type="text" value="" data-role="tagsinput" id="tags" class="form-control">

Below is an image of what is happening, instead of the tags showing:

enter image description here

To my understanding, this should work. What am I missing ?

Answer

Daniel J Abraham picture Daniel J Abraham · Nov 2, 2016

Add this links in your page 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

DEMO

Bootstrap - tagsinput , Github - Reference

Related questions

bootstrap tags input width

I am trying to use bootstrap tagsinput in a form contained in a modal like this ... <div class="form-group"> <label for="myTagLabel">Tags:</label> <input class="form-control" id="myTag" type="text" data-role="tagsinput"&…

Read More
Bootstrap 3 tag list with input group

I try to make a tag list (like in stackoverflow) using a bootstrap 3 input group. The result should look similar to this with a full height button on the right: The base for my considerations looks like this: <div …

Read More
Twitter Bootstrap tags input doesn't remove placeholder when onfocus

I have been scratching my head since yesterday on this problem, which I cannot solve. I am a new starter to Twitter Bootstrap and everything was going well until yesterday. I am using the latest JQuery v1.11.1 and Twitter Bootstrap …

Read More