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


== Fixed navbar

[role="lead"]
A fixed navbar look like a static navbar but it's stay pinned at top of browser window.

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

== Result with default theme

Invoke the following command:
[source,bash]
----
$ 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.

image::images/screenshots/navbar-fixed-sample.png[link="navbar-fixed-sample.html",title="My first fixed 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[]
