search

mdbootstrap / bootstrap-templates

A collection of free Bootstrap 5 templates.
https://mdbootstrap.com/freebies/
3.07k stars 1.02k forks source link

label class doesn't work for bootstrap 4 #645

Closed cfust closed 2 years ago

cfust commented 6 years ago

Using Bootstrap v4 and the label label-info classes don't work. I found the solution is just replace that with badge badge-info

axis80 commented 5 years ago

Alternate, it's possible to define those styles by adding this to your CSS:

  .label {
      display: inline;
      padding: .2em .6em .3em;
      font-size: 75%;
      font-weight: 700;
      line-height: 1;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      border-radius: .25em;
  }

  .label-info {
    background-color: #5bc0de;
  }
ghost commented 5 years ago

Go to the .JS file and search: label label-info and change it for badge badge-info

acdarekar commented 4 years ago

https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/#options The classname for tags can be updated as below:

$('input').tagsinput({
  tagClass: 'badge badge-info', \\ space-separated list of classes you want to add on each tag
  ...
});
vachigaggl commented 4 years ago

Did this over here: https://github.com/vachigaggl/bootstrap-tagsinput, can create pull request if wanted.

gsuberland commented 3 years ago

In bootstrap 5 there's no badge-info class either. It should be badge bg-info.