Search code examples
htmlcssbootstrap-tags-input

Why bootstrap tagsinput don't show full characters in tag and cross sign at end?

Here is am using tagsinput like this.

<input type='text' class='form-control' data-role='tagsinput' />

But when i add tag it shows tags properly if tag characters are less than or equal to 5. If character exceeds from 5 it does not show full tag text also no cross sign at end of tag. Here are screenshots

Entered 12345 and result: enter image description here

Entered 123456 and result:enter image description here

Entered 1234567 and result:enter image description here

Entered 1234567890 and result:enter image description here

How can i show all text in tag and cross sign at end of tag?

Solution

  • Solved this applying custom css on bootstrap tagsinput label

    .bootstrap-tagsinput .label{
width: auto;
line-height:2;
text-align: left;
margin-bottom: 5px
}

    Here is screenshot:

    enter image description here