Bootstrap tagsinput не работает

Question

Я просто натолкнулся на теги Bootstrap и попробую, но я не могу заставить его работать.

Я добавил следующее в верхней части моего макета:

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

И я добавил следующее в нижней части моего макета:

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

Тогда в моих частичных страницах я добавил следующий :

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

Ниже приведено изображение того, что происходит, вместо показа тегов:

В моем понимании, это должно работать. Что мне не хватает?

Answer 1

Добавить это ссылки на страницу

<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

Answer 2

сделал вы инициализируется ввод как

$('input').tagsinput({ 
    typeaheadjs: { 
    name: 'citynames', 
    displayKey: 'name', 
    valueKey: 'name', 
    source: citynames.ttAdapter() 
    } 
});