Menu icon Foundation
Newbie Issue: Radius Round?

Hi all - I am a complete newbie so apologies if I have completely missed the plot - I am trying to style a group of buttons using foundation five but the style won't apply whatsover please see the code below (I wish for the buttons to remain right aligned)

<div class="large-8 columns">
    <div class="button-bar right">
      <ul class="button-group [radius round]">
        <li><a href="#" class="button">Link 1</a></li>
        <li><a href="#" class="button">Link 2</a></li>
      </ul>
    </div>
</div>
            

         

button barbutton groupradiusround

Hi all - I am a complete newbie so apologies if I have completely missed the plot - I am trying to style a group of buttons using foundation five but the style won't apply whatsover please see the code below (I wish for the buttons to remain right aligned)

<div class="large-8 columns">
    <div class="button-bar right">
      <ul class="button-group [radius round]">
        <li><a href="#" class="button">Link 1</a></li>
        <li><a href="#" class="button">Link 2</a></li>
      </ul>
    </div>
</div>
            

         

This post has been closed. No new replies can be added.

Steve Trask almost 6 years ago

Welcome to Foundation!

Simple solution remove the square brackets and radius as per below these are just example classes you can add in the docs but not live

<div class="large-8 columns">
    <div class="button-bar right">
      <ul class="button-group round ">
        <li><a href="#" class="button">Link 1</a></li>
        <li><a href="#" class="button">Link 2</a></li>
      </ul>
    </div>
</div>

tim almost 6 years ago

Many thanks - me being a Muppet - I did figure out eventually, but thankyou for your response