= {title}
:title:       Static Navbar
:description: In this tutorial, we will learn how to add a static navbar with your Asciidoc document
:doctitle:    Example for Asciidoc-Bootstrap - {title}


== Static navbar

[role="lead"]
A static navbar against a default navbar is different by it's initial position, and it's width.

Both navbars (static and default) scrolls away with the page.

Example of Asciidoc document. See source text
footnote:[https://raw.github.com/llaville/asciidoc-bootstrap-backend/master/examples/demo.asciidoc].


== Result with flatly theme

Invoke the following command:
[source,bash]
----
$ asciidoc
  -b bootstrap
  -f /path/to/examples/demo4.conf
  -o navbar-static-sample.html
  -a navbar=static
  -a theme=flatly
  /path/to/examples/demo.asciidoc
----

And here are the final result that you should get.

image::images/screenshots/navbar-static-sample.png[link="navbar-static-sample.html",title="My first static navbar",role="thumbnail",options="align,responsive"]

== 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`
[source,css]
----
include::user2.css[]
----

include::gendocfile.asciidoc[]