<span class="tag tag-default mt-1 mb-1">Default</span>
<span class="tag tag-dark mt-1 mb-1">Dark</span>
<span class="tag tag-primary mt-1 mb-1">Primary</span>
<span class="tag tag-success mt-1 mb-1">Success</span>
<span class="tag tag-info mt-1 mb-1">Info</span>
<span class="tag tag-warning mt-1 mb-1">Warning</span>
<span class="tag tag-danger mt-1 mb-1">Danger</span>

<span class="tag tag-default tag-pill mt-1 mb-1">Default</span>
<span class="tag tag-dark tag-pill mt-1 mb-1">Dark</span>
<span class="tag tag-primary tag-pill mt-1 mb-1">Primary</span>
<span class="tag tag-success tag-pill mt-1 mb-1">Success</span>
<span class="tag tag-info tag-pill mt-1 mb-1">Info</span>
<span class="tag tag-warning tag-pill mt-1 mb-1">Warning</span>
<span class="tag tag-danger tag-pill mt-1 mb-1">Danger</span>

<div class="tags">
	<span class="tag tag-default">
		One
		<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
	</span>
	<span class="tag tag-default">
		Two
		<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
	</span>
	<span class="tag tag-default">
		Three
		<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
	</span>
	<span class="tag tag-default">
		Four
		<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
	</span>
</div>

In header section adding below css link
<!--Inputtags css-->
<link href="../assets/plugins/inputtags/inputtags.css" rel="stylesheet">


In Footer section Adding below js
<!-- Inputtags js-->
src="../assets/plugins/inputtags/inputtags.js">


In Body Section adding below Code
<div class="form-group">
	<input type="text" data-role="tagsinput" value="jQuery,Script,Net" class="form-control">
</div>
<div class="form-group mb-0">
	<select multiple data-role="tagsinput" class="form-control">
		<option value="jQuery">jQuery</option>
		<option value="Angular">Angular</option>
		<option value="React">React</option>
		<option value="Vue">Vue</option>
	</select>
</div>