Standard & Default Navbar

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

Table of Contents

Basic navbar

To start, navbars are static (not fixed at the top) and include project name and basic navigation.

Caution

You have to provide a brand and navinfo (or navinfo1 or navinfo2) attributes to see something.

Otherwise you will see an empty navbar like this one :

images/screenshots/bs2default-empty-navbar-defaut.png

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 following command:

$ asciidoc -b bootstrap -a bsver=2 -a theme=default -a navbar=default -a brand="My Project" -a jumbotron -a toc -a numbered /path/to/document/demo.asciidoc
Note
A navbar without links is useless. It’s for demo purpose only.

And here are the final result that you should get.

Figure 1. My first navbar