Form Elements and Navbars

These items are available to editors, but will most often be used on custom templates. Standard, single buttons/cta and dropdown are also available in the standard style guide.

Please use bootstrap’s navbar and dropdown, button markup whenever possible. These styles are set by default, which can then be overridden by BS’s spacing utilities as needed. An inventory of all navbars is available in the component inventory as well as below.

Inventory of navbars


Single Dropdown Button

If a dropdown is used alone, and is the primary CTA on a page, use ‘btn-primary’ (Green). In general there should only be one primary CTA on a given page, additional buttons or dropdowns should be ‘btn-secondary’ (brown). Exceptions may occur (AHA Member Deals) – please consult your digital designer as needed! The search bar/form is unique and the button should be square and attached to the text input



Internal Search (wrapped in a navbar)






Mix of primary, button with icon



Stacked Navbar (Recipes Landing Page)



Was this article helpful?
YesNo