MediaWiki/Foundation/Button Bar

Foundation CSS Framework for MediaWiki: Button Bar

A Button Bar is a group of button groups.

The class button-bar makes it possible to have several button groups on the same row.

Note: To use components from the Zurb Foundation CSS Framework in MediaWiki, first install a custom skin such as the Foreground Skin or the Pivot Skin, which are built upon the Foundation CSS Framework.

Example 1: Simple Button Bar

• Grp 1 Btn 1
• Grp 1 Btn 2
• Grp 1 Btn 3

• Grp 2 Btn 1
• Grp 2 Btn 2
• Grp 2 Btn 3

Sample Code for a Simple Button Bar

The Button Bar is structured as a group of button-groups. Buttons are added to each group by adding list items. And additional button groups can be added as new lists in the button-bar container.

---

Example 2: Button Bar With Different Style Buttons

• Grp 1 Btn 1
• Grp 1 Btn 2
• Grp 1 Btn 3

• Grp 2 Btn 1
• Grp 2 Btn 2
• Grp 2 Btn 3
• Grp 2 Btn 4

Sample Code for a Button Bar with Different Style Buttons

---

Open source wiki