Please note that the contents of this offline web site may be out of date. To access the most recent documentation visit the online version .
Note that links that point to online resources are green in color and will open in a new window.
We would love it if you could give us feedback about this material by filling this form (You have to be online to fill it)



View Source | Submit Feedback

Multi-Device Layouts

Navigation and Action Patterns

In the previous design sections we've looked at the nuts and bolts which make up a responsive layout as well as some of the common techniques to have responsive content. This article will cover how we apply this to navigation.

Guides

  1. App Bar
  2. Tab Bar
  3. Navigation Drawer
  4. Bottom Bar

Next Sections

  1. Home Page and Navigation Principles
  2. Responsive Web Design Basics
  3. Responsive Web Design Patterns
  4. Navigation and Action Patterns

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License , and code samples are licensed under the Apache 2.0 License . For details, see our Site Policies .