Twitter bootstrap FuelUX Pillbox-更改添加药丸的默认类

我正在使用FuelUX的Pillbox标记记录。以以下方式描述为li实体的每个药丸：

<li class="btn btn-default pill" data-value="two-value">
  <span>Item 2</span>
  <span class="glyphicon glyphicon-close">
  <span class="sr-only">Remove</span>
  </span>
</li>

其中#myPillbox1是药片容器

<div id="myPillbox1" data-initialize="pillbox" class="pillbox pills-editable">
<ul class="clearfix pill-group">
<li class="btn btn-default btn-xs pill" data-value="two-value">
    <span>Item 2</span>
    <span class="glyphicon glyphicon-close">
        <span class="sr-only">Remove</span>
    </span>
</li>
...
</ul>
</div>

项目2
去除

...

您需要使用jquery来实现这一点

$(document).ready(
    function(){  
           $('.btn.btn-default.pill').addClass('btn-xs');
    });

这会将您的类添加到该li中

这将100%有效

<div id="myPillbox1" data-initialize="pillbox" class="pillbox pills-editable">
<ul class="clearfix pill-group">
<li class="btn btn-default btn-xs pill" data-value="two-value">
    <span>Item 2</span>
    <span class="glyphicon glyphicon-close">
        <span class="sr-only">Remove</span>
    </span>
</li>
...
</ul>
</div>

$(document).ready(
    function(){  
           $('.btn.btn-default.pill').addClass('btn-xs');
    });