1. Fixed navbar

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

2. Result with default theme

Invoke the following command:

$ asciidoc
  -b bootstrap
  -f /path/to/examples/demo4.conf
  -o navbar-fixed-sample.html
  -a navbar=fixed
  /path/to/examples/demo.asciidoc

And here are the final result that you should get.

Figure 1. My first fixed navbar

3. About options to generate documents

We reused and group all common attributes to generate documents in a standard asciidoc configuration file called demo4.conf.

[attributes]
linkcss
numbered
lang=en
jumbotron
jumbotron-fullwidth!
totop
iconsfont=font-awesome
footer!
footer-fullwidth!
brand="My Project"
tocmmenu
stylesheet=user2.css

With custom user stylesheet called user2.css

a.toc-top-link {
    right: 0.5em;
    position: absolute;
}
.mm-menu {
    width: 70%;
}
.mm-listview .mm-next::before {
    border-left-style: none;
}
.jumbotron .toc-top-link {
    display: none;
}

footer[role="contentinfo"] {
    background-color: inherit;
}

invoke the following command:

$ asciidoc
  -b bootstrap
  -f /path/to/examples/bootstrap3.conf
  /path/to/examples/{docfile}
See
[http://asciidoc.org/userguide.html#X60]
for docfile attribute.

With this configuration file called bootstrap3.conf

[attributes]
linkcss
numbered
tocmmenu
toclevels=2
lang=en
jumbotron
jumbotron-fullwidth
totop
stylesheet=user.css
iconsfont=font-awesome
theme=readable
themeswitcher
themeswitcher-cookiethemename=adocbsexamples.bootstrapTheme.name
themeswitcher-cookiethemecss=adocbsexamples.bootstrapTheme.css
navbar=fixed
navinfo1
footer!
footer-fullwidth

And custom user stylesheet called user.css

a.toc-top-link {
    right: 0.5em;
    position: absolute;
}
.mm-menu {
    width: 70%;
}
.mm-listview .mm-next::before {
    border-left-style: none;
}
.jumbotron .toc-top-link {
    display: none;
}