为什么bootstrap-tokenfield没有样式？

Question

我正在使用像这样的bootstrap-tokenfield：

<script src="{{ asset('tokenfield/jquery-migrate.js') }}"></script>
<link href="{{ asset('tokenfield/bootstrap-tokenfield.css') }}" rel="stylesheet"/>
<script src="{{ asset('tokenfield/bootstrap-tokenfield.js') }}"></script>

但问题是我的下拉菜单没有样式。它看起来像普通的HTML列表。

<div class="form-group">
   <div class="col-lg-6">
      <input type="text" class="form-control typeahead" id="tokenfield" value="" />
   </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript">
   $('#tokenfield').tokenfield({
     autocomplete: {
       source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
       delay: 100
     },
     showAutocompleteOnFocus: true
   })
</script>