4.32.2

Standard page layout

Most pages share the same standard layout. Become familiar with this layout and the order of components:

  1. Service Notification
  2. Header
  3. Nav
  4. Content container with responsive grid
  5. Footer
  6. Toasts

All of the above goes in <body>, like this (for accessibility reasons, be sure to include the <main> tag around the main content of the page):

And here's what that looks like (s-toasts only displays when its methods are invoked):

Extremely important message

Page title

Page description (optional)

Content