Fixed Navbar

In this tutorial, we will learn how to add a fixed navbar with your Asciidoc document

Table of Contents

Fixed navbar

A fixed navbar look like a static navbar but it’s stay pinned at top of browser window.

Example of Asciidoc document
= My Document

== Here are my first table of contents

=== Why not another chapter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum dui id lectus viverra placerat.
Sed arcu ipsum, posuere et scelerisque ac, eleifend id turpis. Ut vitae velit congue,
sollicitudin nisi eu, vestibulum lorem. Praesent lectus turpis, ullamcorper vehicula volutpat interdum,
vestibulum condimentum elit. Aliquam erat volutpat. Donec vulputate, dolor vitae molestie convallis,
lacus elit auctor ipsum, sed pharetra augue justo id nisl. Vivamus imperdiet neque ac nunc malesuada,
nec semper mauris viverra. Morbi venenatis ornare dictum. In pulvinar pellentesque felis,
a bibendum mauris tempus interdum. Vestibulum vehicula diam id dolor tincidunt consequat.
Fusce quis enim ultrices metus tincidunt malesuada. Vestibulum at placerat dolor.
Aliquam venenatis aliquam mi sit amet cursus. Donec condimentum dolor ut posuere condimentum.
Vivamus viverra nisl massa. Quisque turpis mauris, ultricies at vehicula nec, ultricies dictum tellus.

Result with default theme

Enter the new command:

$ asciidoc -b bootstrap -a bsver=2 -a theme=default -a navbar=fixed -a navbar-inverse -a brand="My Project" -a jumbotron -a toc2 -a numbered -a sidebar=right /path/to/examples/navbar-fixed.asciidoc

And here are the final result that you should get.

Figure 1. My first fixed navbar