Buttons can be big, small, colored, rounded, dropdown, split, and grouped. You need a button on your website? Foundation has the classes for it in its button components.
Remember labels? A button is similar to a label with an action behind it.
Foundation supports the
<button> element and the
button class. Most of the time, you can use one or the other, and it will have the same effect.
Other than the text in the button, the following will be identical:
<button><button></button> <div class="button"><div class="button"></div> <span class="button"><span class="button"></span> <a href="#" class="button"><a class="button"></a>
The following is the screenshot resulting from the preceding code:
Compared to labels, ...