Troubleshooting [button-group] with dropdown

I’m trying to use bootstrap shortcodes to create a group of button dropdowns to use as a footer navigation element, but am having some issues getting it to work correctly.

I’d like the buttons to be horizontal, side-by-side, rather than stacked vertically, and there’s an issue where clicking one button causes them all to drop down on top of each other. I’ve tried this with [nav] and [button-toolbar] shortcodes too but with no luck. I’m sure there’s something very small I’m doing wrong but I’m driving myself crazy trying to figure out what it is.

[button-group]
[button dropdown="true" link="#" data="toggle,dropdown"]EAT[caret][/button]
[dropdown]
[dropdown-item link="#"]Asian[/dropdown-item]
[dropdown-item link="#"]Bars & Taverns[/dropdown-item]
[dropdown-item link="#"]BBQ[/dropdown-item]
[dropdown-item link="#"]Coffee[/dropdown-item]
[dropdown-item link="#"]Deli[/dropdown-item]
[dropdown-item link="#"]Family[/dropdown-item]
[dropdown-item link="#"]Fine Dining[/dropdown-item]
[dropdown-item link="#"]Italian[/dropdown-item]
[dropdown-item link="#"]Mexican[/dropdown-item]
[dropdown-item link="#"]Pizza[/dropdown-item]
[dropdown-item link="#"]Seafood[/dropdown-item]
[dropdown-item link="#"]Treats & Specialties[/dropdown-item]
[/dropdown]
[button dropdown="true" link="#" data="toggle,dropdown"]PLAY[caret][/button]
[dropdown]
[dropdown-item link="#"]Arts & Entertainment[/dropdown-item]
[dropdown-item link="#"]Children's Corner[/dropdown-item]
[dropdown-item link="#"]Leisure[/dropdown-item]
[dropdown-item link="#"]Neptune Island[/dropdown-item]
[dropdown-item link="#"]Outdoor Recreation[/dropdown-item]
[dropdown-item link="#"]Tails on the Town[/dropdown-item]
[/dropdown]
[button dropdown="true" link="#" data="toggle,dropdown"]SHOP[caret][/button]
[dropdown]
[dropdown-item link="#"]Antiques[/dropdown-item]
[dropdown-item link="#"]Fashion[/dropdown-item]
[dropdown-item link="#"]Retail[/dropdown-item]
[/dropdown]
[button dropdown="true" link="#" data="toggle,dropdown"]STAY[caret][/button]
[dropdown]
[dropdown-item link="#"]Bed & Breakfasts[/dropdown-item]
[dropdown-item link="#"]Campgrounds[/dropdown-item]
[dropdown-item link="#"]Hotels[/dropdown-item]
[dropdown-item link="#"]Motels[/dropdown-item]
[/dropdown]
[/button-group]

The page I need help with: [log in to see the link]