Learn more at the Jumbotron Bootstrap Component page.
Example of left navigation menu: document-structure-navinfo.html.
<ul class="nav navbar-nav"> <li> <a href="callouts.html"><span class="glyphicon glyphicon-forward"></span> Callouts</a> </li> </ul>
Example of right navigation menu: navinfo.html.
<ul class="nav navbar-nav"> <li class="dropdown"> <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-tag"></span> Versions <b class="caret"></b></a> <ul class="dropdown-menu" id="dropdown-menu-versions" role="menu" aria-labelledby="drop1"> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="index.html"><span class="glyphicon glyphicon-home"></span> Home</a> </li> </ul> <ul class="nav navbar-nav navbar-right hidden-xs hidden-sm"> <li> <a href="http://laurent-laville.org/asciidoc/bootstrap/expo/"><span class="glyphicon glyphicon-tint"></span> Expo</a> </li> <li> <a href="http://laurent-laville.org/asciidoc/bootstrap/blog/"><span class="glyphicon glyphicon-bullhorn"></span> Blog</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-leaf"></span> Themes <b class="caret"></b></a> <ul class="dropdown-menu" id="ThemeList"> </ul> </li> </ul>
Example of footer file: footer.html.
<div class="row"> <div class="col-md-5"> <h3>Social</h3> <ul class="fa-ul"> <li> <span class="fa-stack fa-lg"> <i class="fa fa-github fa-stack-2x"></i> </span> <a href="{gitproject}/issues">Report an issue</a> </li> <li> <span class="fa-stack fa-lg"> <i class="fa fa-bullhorn fa-stack-2x"></i> </span> <a href="http://www.laurent-laville.org/asciidoc/bootstrap/blog/">Blog</a> </li> </ul> </div> <div class="col-md-7"> <h3>About Us</h3> <ul class="fa-ul"> <li> <span class="fa-stack fa-lg"> <i class="fa fa-star-o fa-stack-2x"></i> </span> Thanks to Dan Allen who wrote the <a href="https://github.com/mojavelinux/asciidoc-bootstrap-docs-backend">first version</a> on December 2012, and do my dream a reality. </li> <li> <span class="fa-stack fa-lg"> <i class="fa fa-star fa-stack-2x"></i> </span> <a href="https://github.com/llaville">Laurent Laville</a> is current lead developer since release 1.1.0 on December 17th 2012. </li> </ul> </div> </div> <div class="row"> </div> <div class="row"> <div class="col-md-9"> <div id="footer-text"> Version <span class="badge">{revnumber}</span><br> Last updated {docdate} {doctime}<br> Built with <a href="{brandref}">AsciiDoc-Bootstrap backend</a> {bootstrap-backend-version} </div> </div> <div class="col-md-3"> <div id="footer-badges"> Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. </div> </div> </div>