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:
To my understanding, this should work. What am I missing ?
Solution
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
- Trying to make a clickable navigation bar which can be clicked to close
- How to use background with linear gradient in Tailwind css
- Anchor links to start below the header which is fixed at the top
- Keep footer at bottom of page when page height dynamically changes using CSS
- What does the media="" attribute in the stylesheet HTML definition refer to?
- HTML CSS Fit image in fixed size
- Angular viewChild native scrollable CSS window layout quirks
- Detecting if an <option> has been selected in <select> using CSS
- Applying border-radius to bootstrap 5 table
- How to increase space between dotted border dots
- use multiple css filters at the same time?
- How exactly does link rel="preload" work?
- Difficulty implementing accordion effect in Angular project
- How to center Font Awesome icons horizontally?
- How to set div's height in css and html
- How to forward scrollbar from to column in css grid
- What's wrong with this ternary operator?
- How can i replicate this corner-border-radius trick to an image in my project
- Not able to display material ui snackbar in center
- different grid area while using grid-template-column
- Why does z-index not work?
- How do I make the background image start at the top of the page and not below my sticky header?
- How can I make a color wheel using CSS (with white at center and fading to black at the rim)?
- Logic to add vertical stepper lines
- Why isn't my CSS animation-timeline: view() working?
- Why the elapsedTime property of animation event is undefined
- htmx: Selecting multiple classes in hx-trigger
- How do I move a slide with a mouse and on my phone?
- Is it possible to start the border-bottom after x amount of pixels?
- Angular Material icons not showing