Angularjs Angular ui boostrap accordion无法使用span元素正确格式化

为什么下面示例中的角度ui手风琴似乎不喜欢span元素？我最初将这些元素放在一种表格中（因此我知道它们可以工作），但我决定将它们移动到手风琴中，因为这是我正在寻找的功能

我想在手风琴标题拉到左边，并在标题复选标记按钮拉到右边

<accordion close-others="false">
<accordion-group data-ng-repeat="group in groups">
  <accordion-heading>
    <span class="pull-left">
      {{ group.title }}
    </span>
    <span class="pull-right">
      <button class="btn btn-success">&#10003;</button>
    </span>
  </accordion-heading>
  {{ group.content }}
</accordion-group>

我是否能够首先使用手风琴来点击按钮，或者点击标题是否总是会干扰点击按钮？
根据

HTML

     <div class="clearfix">
      <span class="pull-left">
        {{ group.title }}
        </span>
      <button class="pull-right btn btn-success">&#10003;</button>
    </div>
  </accordion-heading>

我之前的评论有点不准确。更准确的说法是
pull left
和
pull right
css类与accordion组不兼容，因为它们重写了用于动态控制accordion中元素的css。这会发生在任何手风琴组中，与angular无关。在谷歌搜索我的问题时，我可以看到其他人在手风琴的标题中使用左拉/右拉。所以我认为这是可能的。。。但我显然做错了什么。
.clearfix:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;