Menu icon Foundation
how to make active button in foundation zurb

I have tried the following code to create an active button in F5, but its NOT giving active class effect, please let me know why?

    <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>
            

         

activebuttonFoundation 5

I have tried the following code to create an active button in F5, but its NOT giving active class effect, please let me know why?

    <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>
            

         
Wing-Hou Chan over 5 years ago

Howdy!

I don't think this way is actually possible on a button group.

What do you mean when you want the "active" class?

The "active" class is only really used in elements that can change states, for example top-bar navigation links.

If you could clarify your intentions, it may let us help you further!

:)