AxleWack AxleWack - 1 month ago 11
CSS Question

Bootstrap tagsinput not working

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

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