1. Components

Course Content Pagination Legacy

Links to the previous, next and parent elements for each page of course content.

Open example in new tab 


<nav class="row siblings" aria-label="Pagination">
  <a
    href="#"
    class="pull-right btn btn-link"
  >
    1.7 Multilingual course (i18n) »
  </a>

  <a
    href="#"
    class="pull-left btn btn-link"
  >
    « 1.5 git: version control and collaboration
  </a>

  <span
    class="hidden-md hidden-sm hidden-xs"
    style="display: block; margin: auto; text-align: center;"
  >
    <a href="#">
      Course materials
    </a>
  </span>
</nav>

Known Issues

There are no known issues at this time.

Legacy Component

This component has known issues and is in need of work.

Use it with caution.

If you need to use it, consider addressing some of the known issues at the same time as you're creating something new with it.

Discuss this

If you have questions, ideas for improvements or feedback on using these guidelines, you can join the disucssion in this GitHub issue.