Bootstrap-Asciidoc

Getting Started

Overview of the project, its contents, and how to get started with your own theme.

2013-10-14: AsciiDoc-Bootstrap-Backend 2.0.0 Released

Read the CHANGELOG for a full list of all additions, changes and bug fixes.

Laurent Laville

Download

Download the asciidoc backend

http://laurent-laville.org/asciidoc/bootstrap/bootstrap-2.0.0.zip

Install as any other plugins:

$ asciidoc --backend install bootstrap-<version>.zip
Note <version> is to be replaced by the latest version available of the backend.
Note The Asciidoc bootstrap backend standard version (2.0.0) included the latest compiled version of bootstrap 2 (2.3.2).
Caution The Asciidoc bootstrap backend next version (3.0.0) will include and support the latest compiled version of bootstrap 3 (3.0.0).

File structure

When you will installed the asciidoc bootstrap backend, you will find the following file structure and contents.

 bootstrap/
  ├── bootstrap/
  │   ├── css/
  │   ├── js/
  │   └── img/
  ├── docs/
  ├── examples/
  ├── images/
  │   ├── icons/
  │   │   ├── apple-touch-icon-57-precomposed.png
  │   │   ├── apple-touch-icon-72-precomposed.png
  │   │   ├── apple-touch-icon-114-precomposed.png
  │   │   ├── apple-touch-icon-144-precomposed.png
  │   │   └── favicon.ico
  │   └── bs-docs-masthead-pattern.png
  ├── javascripts/
  │   ├── asciidoc.js
  │   ├── jquery.min.js
  │   └── bsdocs.js
  └── stylesheets/
      ├── bsdocs.css
      └── pygments.css
Note The main theme named bsdocs follow the look and feel of bootstrap 2.2

Attributes

Specifics bootstrap backend attributes

Name Description
bootstrapdir The name of the directory containing the boostrap compiled version resources.
sidebar The TOC can be place on a sidebar on left (default value) or right of the main document body.
brand A simple link to show your brand or project name
brandref A link to the main page of your project. By default it’s a simple anchor #
navinfo, navinfo1, navinfo2 Control which navigation information files will be included in the output file.
footer Control which footer informations will be included in the output file.
totop Control which back to top system you want to include in the output file.

Your own theme

The AsciiDoc theme attribute is used to select an alternative CSS stylesheet and to optionally include additional JavaScript code.

  • Theme files reside in an AsciiDoc configuration directory named themes/<theme>/ (where <theme> is the the theme name set by the theme attribute)

  • The <theme>.css file replaces the default bsdocs.css CSS file.

  • The <theme>.js file is included in addition to the default bsdocs.js JavaScript file.

What is next?

Head to the docs sections for more information and examples.

Base CSS

Bootstrap Docs Base CSS examples

Text Formatting

Words and phrases can be formatted by enclosing inline text with quote characters.

Delimited Blocks

Delimited blocks are blocks of text enveloped by leading and trailing delimiter lines

Paragraphs

Paragraphs are blocks of text terminated by a blank line, the end of file, or the start of a delimited block or a list. There are three paragraph syntaxes: normal, indented (literal) and admonition which are rendered, by default, with the corresponding paragraph style.

Document Structure

AsciiDoc has two mechanisms for optionally including additional meta-data in the header of the output document.

Like the docinfo attribute, bootstrap backend add support to Twitter Dropdowns navigation bar with to new navinfo attribute.