Bootstrap items

Inline syntax

Highlight

For highlighting a run of text due to its relevance in another context, use the <mark> tag.

You can use the mark tag to highlight text.
You can use the mark tag to <mark>highlight</mark> text.

Deleted

For indicating blocks of text that have been deleted use the <del> tag.

This line of text is meant to be treated as deleted text.
<del>This line of text is meant to be treated as deleted text.</del>

Glyphicon

See Bootstrap official documentation for further information about icons

This is a cloud:
This is a cloud: <glyphicon icon="cloud">

Icon

See Bootstrap official documentation for further information about icons

This is a cloud in icon:
This is a cloud in icon: <icon icon="cloud">

Label

Default

Primary

Success

Info

Warning

Danger

<label mod="default">Default</label>
<label mod="primary">Primary</label>
<label mod="success">Success</label>
<label mod="info">Info</label>
<label mod="warning">Warning</label>
<label mod="danger">Danger</label>

Badge

42
<badge>42</badge>

Text formating

lead

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

<lead>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</lead>

Alignements

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

<left>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</left>
<right>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</right>
<center>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</center>
<justify>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</justify>
<nowrap>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</nowrap>

Jumbotron

Hello, world!

<jumbotron>
  <h1>Hello, world!</h1>
</jumbotron>
<page-header title="Example page header" subtitle="Subtext for header">

Caption

Cras justo odio, dapibus ac facilisis in, egestas eget quam.
<caption>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</caption>

Grid

Panel

Panel title

This text is inside the pannel heading
This text here is inside the panel component
<panel alt="success">
<panel-heading title="Panel title">
This text is inside the pannel heading
</panel-heading>
<panel-body >
This text here is inside the panel component
</panel-body>
<panel-footer >
This text is inside the pannel <label>footer</label>
</panel-footer>
</panel>

Alert

Success
Info
Warning
Danger
<alert mod="success">Success</alert>
<alert mod="info">Info</alert>
<alert mod="warning">Warning</alert>
<alert mod="danger">Danger</alert>

Well

Cras justo odio, dapibus ac facilisis in, egestas eget quam.
<well>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</well>

thumbnail

Cras justo odio, dapibus ac facilisis in, egestas eget quam.
<thumbnail>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</thumbnail>

Table

col 1 col 2
col 1 col 2
col 1 col 2
col 1 col 2
<table striped="1" condensed="y" hover="y" bordered="y">
  <tr><td mod="success">col 1</td><td mod="warning">col 2</td></tr>
  <tr mod="danger"><td>col 1</td><td>col 2</td></tr>
  <tr><td>col 1</td><td>col 2</td></tr>
  <tr><td>col 1</td><td>col 2</td></tr>
</table>

Source

(defmacro ob:with-source-buffer (self &rest body)
  "Like `with-current-buffer'"
  `(let ((file (ob:get-name ,self)))
     ;; Make sure we are in the o-blog org file
     (with-current-buffer (or (get-file-buffer file)
                             (find-file-noselect file))
       ,@body)))
<source mode="emacs-lisp">
(defmacro ob:with-source-buffer (self &rest body)
  "Like `with-current-buffer'"
  `(let ((file (ob:get-name ,self)))
     ;; Make sure we are in the o-blog org file
     (with-current-buffer (or (get-file-buffer file)
                 (find-file-noselect file))
       ,@body)))
</source >