Zurb foundation 如何在基础ZURB中制作活动按钮

我已经尝试了以下代码来创建一个F5中的活动按钮，但它没有提供活动类效果，请让我知道为什么

    <ul class="button-group radius small">
      <li class="active"><a href="#" class="button small alert">Button 1</a></li>
      <li><a href="#" class="button small alert">Button 2</a></li>
      <li><a href="#" class="button small alert">Button 3</a></li>
      <li><a href="#" class="button small alert">Button 4</a></li>
    </ul>

>P>ZURB基金会没有任何按钮类的活动类。你可以在这里看到

如果要添加活动类，请创建一个类添加到活动按钮

    .activebutton{

    background-color: #970b0e;

    }

详细说明chinmayahd的答案，以方便任何人查看：

button.active、.button.active{background color:/*primary active color*/}
button.secondary.active、.button.secondary.active{background color:/*secondary active color*/}
button.success.active、.button.success.active{background color:/*success active color*/}
button.alert.active、.button.alert.active{background color:/*alert active color*/}
button.warning.active、.button.warning.active{背景颜色：/*警告活动颜色*/}
button.info.active、.button.info.active{背景色：/*信息活动色*/}

添加各自的活动颜色，就可以开始了！（我建议从您的基础.CSS文件中抓取悬停/焦点颜色）
这很好，但是在BooTrasPayi中，我只想使用“Active”类，Active类并创建一个类：.ButoCopy.Buttual.Active，例如。